Ship a system, not guesswork.
Handing a developer "make it look like the mockup" produces a different site every time. A design system fixes the decisions — palette, type scale, spacing, radii, states — before the building starts, and lets you check both themes before anyone writes a line of CSS.
Native design systems with light/dark live preview - copy the DESIGN.md, or download it for Claude or Duda.
What's in it
Live preview
See the system applied to real components in light and dark before committing to it. Contrast problems show up here rather than in a client review.
Export as DESIGN.md
A single markdown document describing the system — tokens, scales and rules — that you can hand to a developer, paste into Claude, or use as the brief for a build.
Reusable across clients
Systems are saved and duplicated, so a new project starts from your house style rather than a blank palette.
How it works
Set the foundations
Palette, type scale, spacing and radii.
Check both themes
The live preview renders real components in light and dark.
Export it
Copy the DESIGN.md or download it.
Build against it
Hand it to a developer or feed it to an AI build as the brief.
What you actually get
- Light and dark preview on real components
- Palette, type scale, spacing and radius tokens
- DESIGN.md export
- Saved and duplicable per client
- Free tier includes one export per month
Questions
What is a DESIGN.md actually for?
It is a plain-language spec. Developers read it, and AI coding tools follow it — which is the difference between an AI build that matches the brand and one that invents its own.
Is it tied to a platform?
No. It describes design decisions, not implementation, so it applies wherever you build.
You might also want…
Drop-in widgets, ready to ship.
Stop rebuilding the same hero, gallery and booking form. The Vault is 32 widgets - paste straight into your editor, fully editable, never a locked black box.
From a brief to a Duda-ready site.
Describe the site - or paste your notes and a voice memo - and AgencyGenius produces the import file for Duda's 'create site from document' flow. A real head start, even without the API.
The unglamorous jobs, done in minutes.
Redirect mapping, best-practice audits, blog migration, palette and font pairing - the work that eats an afternoon, handled.