Look 05$125contemporarymaximalplayfulsaas

Drafting Room

Nothing is final.

50 of 50 left · retired when gone

Palette

Canvas & version

Canvas: Light
Version: 0.9.7

Drafting Room

$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 Drafting Room 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 kitDrafting Room · every token, material, icon, component state and section

DemoDrafting Room · one page wearing the look

One yellow, one black, and the name set so large the frame cuts it. The yellow is the room. Everything else is a sheet laid on it: white, with its own thickness and its own shadow. A cut is a window back through to the yellow. One black block per screen, and it is the key.

An original display face, Drafting Block, condensed and super-heavy, built from rectangles and one radius and drawn to be cropped. A plain body face for reading. Twelve icons in the face's own construction. Words and sheets are laid on: they slide in and stop dead.

It refuses: a third colour, a flat or outlined button, a gradient as decoration, a word that fits politely inside its frame, a paragraph in Drafting Block, a centred page, a photograph behind the word.

What's inside

folderlooks/drafting-room/
├── 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

49 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

Drafting Block · Instrument Sans

Drafting Block · open-licence companions · .woff2 self-hosted · LICENSE.txt included

Install

1 · Pull it in

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

Terminalnpx bandana add drafting-room --key <your key>

2 · Paste into Claude Code

PromptDress this site in the Drafting Room look at ./looks/drafting-room. Read ./looks/drafting-room/CLAUDE.md first and obey it. Put data-look="drafting-room" 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.