Look 08$125contemporarymaximalplayfulshop

Sugar Static

Sweets in a tray.

50 of 50 left · retired when gone

Palette

Canvas & version

Canvas: Light
Version: 1.0.0

Sugar Static

$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 Sugar Static 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 kitSugar Static · every token, material, icon, component state and section

DemoSugar Static · one page wearing the look

A tray of pressed pastilles on sand, lit from one window: twelve colours, each with its own thickness and its own long shadow. The interface is made of the same pastilles. Raised is a pad with a lit rim and a shadow that follows the light; recessed is the dimple it was lifted from. One brick pastille per screen.

The page is almost white, the sand kept for the tray and the dimples, and the light moves: as you scroll, every shadow on the page swings with the window. The name is set in Static Round, a soft geometric face drawn for the look with every corner and terminal rounded like the pads. Twelve icons, each a small relief of pastilles.

It refuses: a second accent, a flat button, a hard corner, a shadow that does not come from the window, a pastille behind body copy, a gradient on text, a stroke icon, and a thirteenth colour.

What's inside

folderlooks/sugar-static/
├── 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

51 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

Static Round · Manrope

{"name": "Static Round", "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/sugar-static, or run the command below.

Terminalnpx bandana add sugar-static --key <your key>

2 · Paste into Claude Code

PromptDress this site in the Sugar Static look at ./looks/sugar-static. Read ./looks/sugar-static/CLAUDE.md first and obey it. Put data-look="sugar-static" 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.