Public Record
One word, written in the sky.
50 of 50 left · retired when gonePalette
Canvas & version
- Canvas
- Light
- Version
- 1.0.0
Every headline gets one word in the sky. The page is a sky, deep at the top and pale at the horizon, fixed behind everything; the type is white; and in every headline one word is written in Contrail, the monoline script drawn for this look, the line a skywriting plane leaves. Raised is a cloud: a white pillow with a lit top, a grey underside and a shadow on the sky, no hairline, no glass. Recessed is a clearing, a well of deeper blue. Anything chosen sits in a clearing. One ink key per screen is the only dark thing on the page.
Contrail for the word and the mark, Albert Sans for everything else. Twelve icons, one continuous line each, never lifted. Plain words drift in; then the script word writes itself on, left to right, the way smoke arrives behind a plane. Night is the same sky after dark, and the ink key turns white.
It refuses: a second script word in a headline, frosted glass, a hairline, a gradient on text, black, an exclamation mark, a stock cloud, a drop shadow standing in for a cloud, and a paragraph in Contrail.
What's inside
folderlooks/public-record/
├── 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
Contrail · Albert Sans
{"name": "Contrail", "status": "shipped"} · open-licence companions · .woff2 self-hosted · LICENSE.txt included
Install
1 · Pull it in
Download the zip and unzip into your project as ./looks/public-record, or run the command below.
Terminalnpx bandana add public-record --key <your key>2 · Paste into Claude Code
PromptDress this site in the Public Record look at ./looks/public-record. Read ./looks/public-record/CLAUDE.md first and obey it. Put data-look="public-record" 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.
