Global Styles

What Are Global Styles?

Global styles let you define design tokens — colours, fonts, and spacing values — that are shared across your entire site. Change a global value once and it updates everywhere.

Accessing Global Styles

Navigate to RAVENCIBuilder → Settings → Global Styles in the WordPress admin, or access them from the editor via the paintbrush icon in the left panel.

Colour Palette

Define your brand colours in the global palette. These colours appear in every colour picker throughout the builder. If you update a global colour, every element using it updates automatically.

Typography Presets

Create typography presets (e.g. "Body Text", "Heading Large") with specific font family, size, weight, and line-height values. Apply these presets to any text element for consistent typography.

Spacing Scale

Define a spacing scale for consistent margin and padding values across your site.

Using Global Values

When editing any element, look for the globe icon next to colour and typography fields. Click it to link the value to a global style instead of using a hardcoded value.