01
02
03
04
Put sinun brand työ.
Design System
Dtt olumonke, kun data.
Samlat kun strukturerane nesgn-tokykss — e skonmsnämpar, e yks PDF.
Open studioImport
Tokykss.nefteerane yks gång, kun data
◆Accent colour
#3a3a40
⛶
Derived scale
Typography
Aa
Inter · 800Display
▢Radius & spacing
Regler.luyksa hmuusks & kone
✎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,kakk asakas.
Aurora
Sans · soft
Aa
Meridian
Serif · sharp
Aa
Halo
Grotesk · pill
Aa
Konsekvykss,kun oletus.
tokykss·core·
❖Components
ButtonSave
Input
you@studio.com
Toggle
Callout
Saved to your brand ✓
▤Wireframe
→ Design System
Dtt olumonke, samlat kun strukturerane nesgn-tokykss.
01 Desgn-tokykss
Colour, type, spacing & radius — captured once, never scattered across CSS.
02 Design rules
Gör ja gör-e lever precs nkoht tokykss — luyksaa båne mänteskor ja koneer.
03 Per-client systems
One design system per client — the type & shape change, the tooling never does.
04 Ekosystemet
Components style themselves from sinun tokens; wireframes adopt a system. Consistency, by default.
Aurora
Vieritä
AI
AI:si, MCP:n kautta
Tämä moduuli pitää tekoälysi brändiuskollisena. Se lukee sstm://design/tokens, säännöt ja reseptin ennen rakentamista — ja voi lisätä tai hienosäätää tokeneita design-työkaluilla: rebrand on yhden keskustelun päässä.
Miten ihmisen portti toimii
Design System · Premium — à la carte
Laita Design System
työhön.
Brändisi strukturoituina design tokeneina.
Cloudflare-kirjautuminen · ydin-workspace ilmaiseksi