Style classes
Save a set of styles as a named class and apply it across pages. Renaming a class changes its label only, and archiving hides it while pages using it keep their styles.
Design system
Set your brand once and every page follows
Choose colours, fonts, text styles and spacing in one place. Change a value and every page in the workspace restyles, live pages included.
*No credit card required
One source for how your pages look
Colours, fonts and spacing as tokens
Name your colours, pick fonts, set text styles for headings, body text and buttons, and define spacing, widths and corner radii. Elements in the builder pick from these tokens, so a page stays consistent without anyone checking hex codes.
- A live preview shows a sample heading and buttons before you save
- Add your own colours alongside the defaults
- Removing a token hides it from pickers but keeps its value, so pages already using it do not break
Change it once, change it everywhere
Save the design system and every page in the workspace updates. Published pages link to the shared theme, so a brand change reaches live pages without republishing them.
- If someone else saved first, your save is refused instead of overwriting their work
- Only people with design-system permission can change tokens
- Everyone else can still use them on their pages
Start from a design direction
Eleven design directions, including Luxury, Minimal, Corporate, Bold, Dark and Conversion-focused, set a full starting palette, fonts and spacing in one step. You preview the change first, and by default your own edits are kept.
- Applying a direction asks you to confirm, because it restyles every page
- Tokens you added yourself are kept
Keeping a team on brand
Contrast checks
Colour pairs are checked against WCAG AA contrast as you edit, so low-contrast text is caught before it goes live.
Shared blocks
Save sections as blocks that anyone building a page can insert, so common sections look the same everywhere.
A Designer role
Designers can change the design system and manage blocks without being able to publish or delete pages.
Leads stay private
Designers style forms but never see who fills them in.
No style guide PDF
The tokens that pages use are the style guide, so the rules cannot drift from the pages.
Set up your brand in three steps
Step 1: Pick a starting direction
Optional. Preview a design direction and apply it to get a full starting look.
Step 2: Adjust colours, fonts and spacing
Edit tokens and watch the preview. Fix any contrast warnings.
Step 3: Save
Press Save changes and every page in the workspace follows.
Frequently asked questions
Does changing the design system change my live pages?
Yes, and without republishing. Published pages link to a shared theme, so a saved change reaches every page in the workspace, live ones included. Edits are only a draft until you press Save changes, so nothing changes as you type.
Can I style one element differently?
Yes. A style you set on an element in the builder applies to that element only. Tokens are the shared defaults the pickers offer.
Who can change the design system?
Workspace admins and Designers. Everyone else can use the tokens and classes on their pages but not change them.
Can I upload my own fonts?
Not today. You choose fonts from the built-in catalogue, and fonts that need a web font are loaded from Google Fonts.
What happens if a colour combination is hard to read?
The design system checks colour pairs against WCAG AA contrast and flags the ones that fall short. The worst text pairings, below 3:1, cannot be saved.
Is there a library of ready-made templates?
Not yet. A templates library is coming soon. For now, design directions give you a starting look and blocks give you starting sections.
Make every page look like yours
Set your colours and fonts once, then build as many pages as you need.
Start building for free
*No credit card required