Can I change fonts and colours for the whole site in Vareons?

The global site identity in Vareons is managed from one place that reflects across all pages and components. Global typography settings include roles such as headings, body, button, and caption, with per-breakpoint sizes and line heights, per-locale alignment, color, font, and bold and italic options. Brand colors cover the primary, secondary, and accent palette plus the site background, stored in the website layout and branding settings. Fonts can be separate Arabic and English choices from Google Fonts or a custom URL, with self-hosted assets for the first paint.

Steps for unifying fonts and colors site-wide

1. Open the general settings panel from the live editor and go to the design or fonts tab.
2. Choose the Arabic and English fonts that fit your store identity from the available sources.
3. Set the global font roles for headings, body, and buttons, minding sizes per breakpoint.
4. Define the primary, secondary, and accent palette plus the site background to reflect your identity.
5. Save the settings and review several pages to confirm the change reflects across the whole site.

The advantage is that any new component inherits these settings automatically unless given its own styling, which keeps identity consistent and saves manual formatting time. If a specific component needs special emphasis, its styling can be customized without touching the global settings.

For more, read website builder inclusion, editing any component on any page, and setting search visibility per page, or browse the answers hub.