Dark · Agency · Creative
Studio Noir
Design system for creative agencies and premium studios. Near-black gallery, quasi-monochrome palette with a single dry-bone accent, monumental poster-condensed type — hierarchy carried by mass, not colour. Ships with a spec-compliant design.md.
What's included
- Download free
design.md
Agent context · DESIGN.md spec-compliant
- View demo
index.html
Visual demo + component showcase
- Download free
kit.zip
design.md + index.html · all in one
Download full kit — ZIP
No account required · Commercial licence included
Starter kit
Feed this kit to your LLM and watch how it works — adapt the content, get the site you want. When you're ready for another dimension, the premium kits each carry a signature gesture no template has.
Components included
ButtonsBadgesCardsForm InputsStat BlockSection Header
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.