01
02
03
04
Put din brandi arbeid.
Design System
Ditt varumerke, som data.
Samlat som strukturerade design-tokens — ikke skermdumpar, ikke en PDF.
Open studioImport
Tokens.defidereerade en gång, som data
◆Accent colour
#3a3a40
⛶
Derived scale
Typography
Aa
Inter · 800Display
▢Radius & spacing
Regler.lesbart for menneske & maskin
✎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 — lesbare for både mennesker 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
Bla
AI
Din AI, via MCP
Dette er modulen som holder AI-en merkevare-tro. Den leser sstm://design/tokens, reglene og oppskriften før den bygger — og kan legge til eller finjustere tokens med design-verktøyene, så en rebrand er ett samtale unna.
Slik fungerer menneske-gaten
Designsystem · Premium — à la carte
Sett Designsystem
i arbeid.
Merkevaren din som strukturerte design-tokens.
Cloudflare-innlogging · kjerne-workspace gratis