Build your store
One set of tokens, every page in step
Colour, type, spacing, radius and motion live as shared design tokens. Change a token and every page that uses it updates at once.
Capabilities
How the kit works
Colour that stays consistent
Define your palette once — primary, secondary, text, heading, accent, background, muted. Widgets reference the token, not a hex code copied between pages.
A type scale that fits phones
Display sizes are fluid: set a floor and a ceiling and headings scale with the viewport instead of overflowing a small screen.
Spacing, radius and shadow
The same scales feed every widget, so cards, buttons and sections share one visual language without anyone maintaining it.
Colour schemes for sections
Name a scheme — a dark band, a tinted panel — and apply it to any section. Its children pick up the right text and button colours automatically.
Getting started
Up and running
01
Set your tokens
Open the design kit from the builder toolbar.
02
Point widgets at them
Colour and type controls can reference a token.
03
Change once
Update the token and every page follows.
Works with
Better together
Page builder
Where the tokens get used.
Themes
Presets that ship with a kit already set up.
Online store
The storefront your kit styles.
FAQ
Questions
Can I still set a one-off colour?
Yes. Any control accepts a literal value when you want to break the pattern deliberately.
Will changing a token break existing pages?
It restyles them — that is the point. Anything set to a literal value is left alone.