Radio
Everything in its place.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Dark
- Version
- 1.0.0
A black stage, one centre line, and a wing lit from behind. The interface is frosted glass: raised is a thick slab with a lit rim and a sheen, recessed is the well it sits in. The mark is real chrome, raised off the glass. One green edge per screen, taken from the wing.
An original angular display face, Radio Chrome, drawn from octagons with no curves anywhere. A plain body face for reading and a handwritten face for notes only. Twelve hand-drawn icons that draw themselves on. The wing drifts as if it were hanging.
It refuses: a second accent, flat buttons, a curve in the display face, the wing behind text, and a note set in anything but the hand.
What's inside
folderlooks/radio/
├── 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
Radio Chrome · DM Sans
Radio Chrome · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/radio, or run the command below.
Terminalnpx bandana add radio --key <your key>2 · Paste into Claude Code
PromptDress this site in the Radio look at ./looks/radio. Read ./looks/radio/CLAUDE.md first and obey it. Put data-look="radio" 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.
