Look 14$125contemporarymaximalluxeshop

Aural Rain

Looks edible. Isn't.

50 of 50 left · retired when gone

Palette

Canvas & version

Canvas
Light
Version
0.9.0

Aural Rain

$125

Edition 1 of 50

50 left

Every layer, the font pack with its original typeface, motion baked in, and every update to this look. Yours forever.

Limited to 50 sites. When Aural Rain sells out it is retired for good and a new look takes its place.

Or three looks for $300

14-day refund · commercial use · no resale

The kitAural Rain · every token, material, icon, component state and section
DemoAural Rain · one page wearing the look

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 + licence

57 files in this look

Sections · 2 variants each

heronav + mobile menufeature gridbentogallerypricingtestimonialFAQCTAfootercontact form

Components · every state drawn

buttons ×3inputscardsbadgestabsaccordionmodaltoasttablenav links

Motion · baked into this look

scroll revealshover statespage transitionsloaderreduced-motion fallback

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.

Your licence key is under Account after purchase.