Café Noir
Premium design system for cafés, bookshops and living venues — any place that is more than the sum of its rooms. The homepage is a comic plate: nine framed black-and-white panels, each one a full page of the site, each one alive on its own prime-number clock. The life is a stamp — a hand-made onomatopoeia (FSSSH.., Zzz…, DRRRING!!) that snaps onto the photo like a rubber stamp, holds two seconds, vanishes. No two panels ever hit together; most of the plate rests at any instant. Hover leans a panel in, click zooms it into the page. A screenshot shows a grid of photos; it cannot show that the house is inhabited.
What's included
- Download free
design.md
Agent context · DESIGN.md spec-compliant
- View demo
index.html
Visual demo + component showcase
kit.zip
design.md + index.html · all in one
Secure payment · Instant delivery · VAT included
Components included
Use with your AI agent
Via design.md
- 01Download design.md and place it at your repo root.
- 02Your agent (Claude Code, Cursor, Copilot) reads it automatically on startup.
- 03Ask it to generate components — it applies your tokens and rules.
Via index.html
- 01Download the ZIP and extract index.html.
- 02Provide the index.html content as context to your LLM.
- 03Customize the CSS variables in :root for your brand.
