Use the Styles tab to set brand primary, link, surface, and text tokens. These propagate through components and layout chrome. Match your brand book, then publish Style & layout.
Core tokens
Exact labels vary by template generation, but you typically control:
Primary / brand — buttons, accents, pulses
Link — inline and nav link colors
Background / surface — page and card backgrounds
Neutral text — body and muted labels
Radius — corner rounding for cards and inputs
Adjust in the Styles panel; preview updates live.
Typography
Font families and scale often inherit from the template and Once UI system. Major template families ship paired heading and body fonts — deep font swapping may require MDX or template-level changes.For most users, color and radius tokens are the main branding levers.
Site wizard vs Styles tab
Step 3 of Create site sets initial style presets. The Styles tab is the ongoing home for tweaks after launch.
Consistency tips
Set primary first, then link to complement
Check contrast on both light and dark system themes if your template supports both
Preview a docs page and a marketing page — tokens apply globally
Publish
Theme changes are part of site settings. Enable Style & layout in the publish menu when you are ready for visitors to see new colors.Unpublished style edits remain visible only in editor preview.
Updated by Quasar 1mo ago