Help center › Apps

Brand: colours, fonts, background and images

The Appearance → Brand tab sets the site's look on three tabs: Colours (a ready palette or custom colours, with a contrast check), Fonts (matching pairs or your own choice) and Background and images (the site-wide background, and the corners and shadow of images).

Every Brand tab shows a live preview of your home page, even before saving.

Colours

  • The ready sets in Colour palette are built to look consistent and keep the contrast right as the site grows. Start with one of these.
  • In Colour palette you can also set the four colours one by one: Background (the page background), Text (body text and headings), Accent (links, buttons, focus), Muted (fills, borders).
  • If a colour pair is hard to read, a warning appears under the colour, for example "Text on background: 3.2:1 · min. 4.5:1 required" (WCAG AA expects at least 4.5:1). The Fix → #… button moves the colour to the nearest shade that passes.
  • If you pick a palette after setting custom colours, you are asked whether to overwrite them.

Save with the colours tab's save button.

Fonts

The fonts for headings and body text. Each ready option is a matching pair; Custom lets you pick both from the font catalogue.

Background and images

  • Site background – an optional image or video behind every public page. Image and video exclude each other: choosing one clears the other. For an image you can set a focal point, because tall screens crop it. For a video, give a direct .mp4 or .webm link; it plays muted, on a loop. Overlay darkness helps the text stay readable.
  • Images – Corners (Square, Soft, Round) and Shadow (none or Soft) apply across the site. Special shapes (arch, circle, polaroid, avatar, logo) keep their own, and a block can override it in its own settings.