How to change your website's colours, fonts and logo
You choose your website's top menu and fonts under Website builder → Design. Its colours and logos are your business's own, set under Configuration → General.
Your brand colours
Your website takes its colours from your brand colours, as your shop, vouchers and e-mails do. Change them under Configuration → General → Brand colors: Colors on Website builder → Design shows them, with a link there.
| Brand colour | What it colours |
|---|---|
| Light or dark | Light pages with dark text, or dark pages with light text, on your website and in your shop. Vouchers and e-mails stay light. |
| Accent color | Buttons, links and highlights. Your website's tinted sections, dark bands and footer are made from it. |
| Secondary color (optional) | Your website's small highlights only: the small text above a title, the line under it, and the icons. |
A colour must stand out on your pages' background. When one does not, the field names the nearest colour that does. Suggested colors offers colours that stand out.
Fonts
Each choice is a pair: one font for titles and one for text. Classic uses Playfair Display and Inter, Editorial Fraunces and Source Sans 3, and Clean Manrope for both.
Your logo
Your website's top bar shows your Horizontal logo, or your business name while you have none. Upload it under Configuration → General: a PNG, WebP or JPEG at least 60 pixels high. Logo on Website builder → Design shows how it looks.
A Light horizontal logo is optional: white or light lettering on a transparent background. Your website shows it where the ground is a photo or dark: over a page's opening photo, on a top menu in your accent colour or on a dark website (the phone's menu too), and in the footer.
Upload the horizontal logo first: the light one must have exactly the same size in pixels. To change the horizontal logo's size later, remove the light one first.
Questions we get asked
They are your brand colours, which your shop, vouchers and e-mails use too, so you change them in one place: Configuration → General → Brand colors.
No. They stay light, as they are printed and read in mail apps. Your shop follows your website.
Admins, and staff given Website builder → Design under Users → Manage: see Staff access. The brand colours and logos need Configuration → General.