Global styles

Global styles are the design tokens for your entire site. Set them once, and every widget — built-in or custom — inherits them.

Where to find them

Design → Global styles. Changes preview live across every open page.

Tokens

• Colors — primary, secondary, accent, neutrals, semantic (success, warn, error).
• Typography — heading font, body font, scale ratio, base size, line height.
• Spacing — 8-step scale (default: 4, 8, 12, 16, 24, 32, 48, 64 px).
• Radius — none, sm, md, lg, full.
• Shadow — sm, md, lg, xl.
• Breakpoints — mobile / tablet / desktop thresholds.

Overrides

Any widget style panel can override a global token per-widget. The token relationship is preserved — bump the global and the override updates too, unless you set a hard value.

Themes

Save a full set of tokens as a theme. Switch themes per page for A/B tests or seasonal skins.

Related

• Widgets & blocks
• Responsive design