Editor

Colours, fonts and the sections that make up each page

Overview

One place to design the site and write its content.

The Editor shows a live preview of your site next to the controls. You can switch between Theme (the look of the whole site) and Content (the sections on a page). Nothing goes live until you save.

Theme

Colours, fonts and corners apply to every page.

Fields

Primary, Secondary, Accentoptional

Your brand colours. Primary is used for buttons and key highlights.

Background, Text, Mutedoptional

The base colours of your pages and the soft colour used for panels.

Dark mode coloursoptional

Separate Primary, Background, Text and Muted colours used when a visitor's device is in dark mode.

Heading font and Body fontoptional

Choose from the available fonts. Headings are used for titles, body for everything else.

Cornersoptional

Square, Slightly rounded, Rounded or Very rounded. Applies to buttons, cards and inputs.

Text sizeoptional

Scales all text on your site, from 0.8 up to 1.4 times.

Pick a primary and a background colour that contrast strongly so text stays readable.

Sections

Build a page by stacking sections.

A page is a list of sections. You can add, reorder and delete them, and edit each one's text, images and items. Deleting a section or item shows an Undo for a few seconds.

The sections on offer include Hero, Collections, Featured products, All products, Services, Gallery and Contact, plus Mission, Programs, Impact and Campaigns for donation sites. The list you see depends on your site type.

Your published site can take a short while to show a change, because pages are cached for speed. Saving refreshes it for visitors.