Setting a Hero Image

Sets the large visual that appears at the top of your homepage.

The hero image is the first visual impression your homepage makes. A strong hero image sets the tone for your brand before a visitor reads a single word.

  1. Upload your hero image to the Media Gallery first. If it is already there, skip to step 3.
  2. Go to the Media Gallery, click + New, select your image file, and click Save.
  3. In Edit Mode, open the config page from the hero section.
  4. Find the Hero Image field and click its dropdown.
  5. Select your image from the Media Gallery.
  6. Click Save.

Avoid using an image with text embedded in it. Text in images cannot be read by search engines and does not scale well on mobile screens.

Identity

Set your title, logo, favicon, hero image, colors, and theme.

Changing Your Color Palette

Updates the colors used across your entire site in one place.

Your color palette is applied globally. Changing a single value updates every element that uses it across every page.

  1. In Edit Mode, open the config page from the hero section.
  2. Find the Colors section.
  3. Click any color field and enter a hex value to update that color.
  4. Update both light and dark mode values if you want consistent colors across both.
  5. Click Save.

Only updating light mode colors and leaving dark mode at defaults means visitors who switch to dark mode will see mismatched colors. Update both sets at the same time.

Media

Upload files to your Media Gallery and reuse them anywhere on your site.

Uploading to the Media Library

Adds files to your Media Gallery so they can be used anywhere on your site.

Every image, logo, favicon, and hero image on your site comes from the Media Gallery. Uploading to the gallery is the first step before you can attach any visual to any part of your site.

  1. In Edit Mode, click any image icon next to a field like Logo or Favicon, or click an image placeholder within a page section.
  2. The Media Gallery opens.
  3. Click + New to browse your computer for a file, or drag and drop a file directly into the upload zone.
  4. Wait for the thumbnail to appear, confirming the file has been processed.
  5. Click Save to finalise the upload and make the file available across your site.

Closing the gallery without clicking Save means the file will appear to have uploaded but will not be available for selection.