Skip to main content

Branding

This includes your site name, colours, logo and favicon

Updated over 3 weeks ago

Updating your site name

In Settings, under General settings, click on Name and agency

After updating your Site name, you can preview it on the right and click on Publish when you're happy with these changes.

Changing your site colours

Only one primary colour is allowed for your site. This colour must meet a minimum contrast ratio of 4.5 to ensure accessibility.

In Settings, under Branding, click on Colours

Add in the hex code of your brand colour and we will generate a colour palette that is compliant with accessibility standards. This will be applied consistently across your website.

Toggle between the Homepage and Content page to preview these colour changes. When you're happy with it, click on Publish.

Try the web accessibility tool to check your site colour’s contrast. https://webaim.org/resources/contrastchecker/

The primary colour against white colour (#FFFFFF) must meet a minimum contrast ratio of 4.5 to ensure accessibility.

Where will your colours be applied to?

Hero banner

Applied prominently in the hero section at the top of key pages.

Call-to-Action (CTA) buttons

Used to highlight important actions and drive user engagement.

Default page colour blocks

Appears at the top section of default pages to maintain visual consistency.

Updating your logo and favicon

In Settings, under Branding, click on Logo and favicon

Logo

  • Maximum file size: 5 MB

  • Accepted file types: .jpg, .jpeg, .png, .gif, .svg, .tiff, .bmp, .webp

Favicon

  • Minimum size of 24px by 24px

  • Accepted file types: .ico, .svg, .png

Preview both on the right and publish your changes when you're ready.

Did this answer your question?