Aural Rain
Looks edible. Isn't.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Light
- Version
- 0.9.0
Hard candy, macro: faceted sweets cut like gems in rose, blue, lilac and amber, dusted with sugar crystal, the light passing through them. Everything on the page is made of what is in it. Raised is hard candy, a slab of poured sugar with a lit top edge and one gloss sweep across it. Recessed is the mould it was cast in, matte cream with a soft inset. The film is the ground of the hero, with nothing over it; the copy sits on a frosted cream tile, bottom left. State is depth, never colour.
Condensed caps for headlines and every label, a plain grotesque for reading, and a script for the name of the thing and nothing else. Cream, ink, one band of oxblood, and the rose lands once a screen, on the one word or the one key that matters. Twelve icons, each piped as one line of icing with a bead where the bag lifted. The look has one move, the slow turn: a thing arrives already there and turns the last three degrees into place, the way the film turns.
It refuses: a fifth colour, a matte key, a cool grey, a white studio, a scrim over the picture, a flat button, a hard corner, a coloured selected state, the script on a paragraph, and anything that moves faster than the film.
What's inside
folderlooks/aural-rain/
├── 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
Anton · Inter
owed · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/aural-rain, or run the command below.
Terminalnpx bandana add aural-rain --key <your key>2 · Paste into Claude Code
PromptDress this site in the Aural Rain look at ./looks/aural-rain. Read ./looks/aural-rain/CLAUDE.md first and obey it. Put data-look="aural-rain" 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.
