Docs/Build
Theme
Theme Studio sets the colours, fonts, spacing and corners of a whole website, so every page stays on-brand.
How to open it
Choose Theme in the Build group of the nav rail.
What you can do here
- Pick a project. Use the Project menu at the top. Turn on Use Theme Studio on Website to let that website follow your theme.
- Choose a design system. Under Design system, browse the ready-made looks (Browse all) and click one to preview it. Nothing changes on your pages yet.
- Make it yours. Under Tokens, change the Brand colour, Typography (display and body fonts, type scale), Color palette, spacing, Radius and visual effects.
- Check readability. Readability warns when text is hard to read on its background, and Fix corrects it.
- Match a website. Paste a website address under Match a website to read its colours and fonts into a theme.
- Apply. Apply this page restyles one page; Apply to all pages restyles the whole website.
- Undo. History (Restyle history) lets you step back a restyle. Clear theme removes the applied look from a page.
- Save and share. Save as my theme keeps it under My themes for every project; Export theme and Import theme move themes between sites.
Note
Choosing a design system is a preview only. Your pages change when you choose Apply this page or Apply to all pages.
Where to go next
The page builder shows the result on a page; Projects and pages lists the pages.
Last updated 24 October 2026