Delta Wave
Glassy layers and ice blue. Calm analytics.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Light
- Version
- 0.1.0
Cold water, clear glass. Delta Wave is a pale ice canvas, one deep-water blue accent, and translucent layered surfaces with a soft blur. Built for dashboards, reports and anything with numbers.
Layers carry hierarchy: raised is glass over the canvas, recessed is a pool set into it.
It refuses: warm colour, hard black borders, and decoration that competes with a chart.
What's inside
folderlooks/delta-wave/
├── CLAUDE.md ← read this first
├── theme.css all tokens as CSS variables
├── theme.json same tokens, machine-readable
├── fonts/ .woff2 + LICENSE.txt
├── sections/ hero, pricing, footer …
├── components/ buttons, forms …
├── motion.css easings, keyframes, reveals
├── assets/ icons, favicon
├── kit/ the kit sheet, everything on one page
├── demo/ one page wearing the look
└── README.md install + licenceSections · 2 variants each
Components · every state drawn
Motion · baked into this look
Font pack
Hanken Grotesk · Newsreader
Delta Grotesk (original, in progress) · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/delta-wave, or run the command below.
Terminalnpx bandana add delta-wave --key <your key>2 · Paste into Claude Code
PromptDress this site in the Delta Wave look at ./looks/delta-wave. Read ./looks/delta-wave/CLAUDE.md first and obey it. Put data-look="delta-wave" on <html>, link theme.css then motion.css, add the icon sprite and the reveal script from the kit, and build every screen from the fragments in sections/ and components/. Never invent a colour, shadow, radius, font, size or motion; if a token, section or component you need does not exist, stop and tell me instead.3 · Everything matches
Every screen Claude builds from now on comes out looking like the kit sheet.
