Cold Open
The first lit thing.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Dark
- Version
- 0.9.0
A gas-station canopy at blue hour, its underside lit, nothing else on for miles. The sky is still blue and the page is that sky. The interface is signage: raised is a lightbox, milk acrylic lit from inside in an aluminium retainer, and recessed is the channel it sits in. Anything selected goes dark. One red lamp per screen, the one on the fascia.
An original display face, Forecourt, a wide squared gothic with superellipse rounds and flat terminals, drawn from scratch and bundled only. A plain body face for reading. Twelve service-sign pictograms, solid fills and hard corners, one drawing each. Nothing slides in: everything switches on the way a fluorescent tube starts, a flicker, a second flicker, then steady.
It refuses: a second accent, a third material, the canopy behind body copy, a centred page, a curve in a pictogram, motion that eases in, and a paragraph in Forecourt.
What's inside
folderlooks/cold-open/
├── 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
Forecourt · Archivo
Forecourt · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/cold-open, or run the command below.
Terminalnpx bandana add cold-open --key <your key>2 · Paste into Claude Code
PromptDress this site in the Cold Open look at ./looks/cold-open. Read ./looks/cold-open/CLAUDE.md first and obey it. Put data-look="cold-open" 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.
