Look 20$125futuristicminimalbrutalsaas

Ghost Note

An editor theme, grown into a full kit.

50 of 50 left · retired when gone

Palette

Canvas & version

Canvas: Dark
Version: 0.1.0

Ghost Note

$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 Ghost Note 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

Look 20 · kit coming

Home for developers. Ghost Note starts as an editor colour scheme and grows into a whole UI: charcoal-violet canvas, a lavender accent, monospace display and a hyperlegible body face. It feels like your terminal, on purpose.

Dense, aligned and quiet. Tables, code blocks and status states are native; marketing pages borrow the calm.

It refuses: gradients, light mode by default, and any typeface a compiler would not recognise.

What's inside

folderlooks/ghost-note/
├── 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

Files arrive when this look ships.

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

JetBrains Mono · Atkinson Hyperlegible

Ghost Mono (original, in progress) · open-licence companions · .woff2 self-hosted · LICENSE.txt included

Install

1 · Pull it in

Download the zip and unzip into your project as ./looks/ghost-note, or run the command below.

Terminalnpx bandana add ghost-note --key <your key>

2 · Paste into Claude Code

PromptDress this site in the Ghost Note look at ./looks/ghost-note. Read ./looks/ghost-note/CLAUDE.md first and obey it. Put data-look="ghost-note" 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.