Two
.
run
/
New system
Progress saved
Save and exit
Create a system
1
Start
2
Provide context
3
Environment
4
Review direction
5
Generate
Not sure which?
Start from files if you have any guidelines at all — even a slide deck. You can import tokens later.
Start a new
system
Name it, then tell us where you're starting from. You can add more sources at any point.
System name
Product or brand it serves
Where are you starting from?
PDF
SVG
OTF
From brand files
Recommended
Upload guidelines, logos and fonts. We extract colour, type and shape and show where each value came from.
About 5 minutes to a first preview
tokens.json
3 tiers
From existing tokens
W3C
Import a W3C Design Tokens file from Tokens Studio, Style Dictionary or your repo. We build components and docs on top.
Keeps your token names
calm
trusted
field-ready
Describe the brand
No files
Write a few lines about the product, audience and feel. We propose three directions to choose from.
Best for new products
Cancel
Add your brand sources