01
02
03
04
Put din brandi arbejde.
Design System
Ditt varumerke, som data.
Samlat som strukturerade design-tokens — ikke skermdumpar, ikke en PDF.
Open studioImport
Tokens.definierade en gång, som data
◆Accent colour
#3a3a40
⛶
Derived scale
Typography
Aa
Inter · 800Display
▢Radius & spacing
Regler.läsbart for menneske & maskine
✎Design rules
✓Primary actions use
accent.solid with white text.✓Body copy stays on
surface, minimum contrast AA.✕Never place
text/muted on surface-2.✕No gradients on interactive surfaces.
rules.json
{
"primary": { "bg": "accent.solid" },
"contrast": { "min": "AA" },
"gradients": false
}
Ett system,alle kundeer.
Aurora
Sans · soft
Aa
Meridian
Serif · sharp
Aa
Halo
Grotesk · pill
Aa
Konsekvens,som standard.
tokens·core·
❖Components
ButtonSave
Input
you@studio.com
Toggle
Callout
Saved to your brand ✓
▤Wireframe
→ Design System
Ditt varumerke, samlat som strukturerade design-tokens.
01 Design-tokens
Colour, type, spacing & radius — captured once, never scattered across CSS.
02 Design rules
Gör og gör-ikke lever precis intil tokens — läsbare for både människor og maskiner.
03 Per-client systems
One design system per client — the type & shape change, the tooling never does.
04 Ekosystemet
Components style themselves from din tokens; wireframes adopt a system. Consistency, by default.
Aurora
Rul
AI
Din AI, via MCP
Det er modulet, der holder din AI brand-tro. Den læser sstm://design/tokens, reglerne og opskriften, før den bygger — og kan tilføje eller finjustere tokens med design-værktøjerne, så en rebrand er én samtale væk.
Sådan virker human-gate
Designsystem · Premium — à la carte
Sæt Designsystem
i arbejde.
Dit brand som strukturerede design-tokens.
Cloudflare-login · kerne-workspace gratis