Your storefront, where customers browse and buy your designs, can use your studio's own colours. This guide shows you how to change them, check them in the preview and save them.
Open the Storefront Theme
In the menu at the top of the page, click Configuration and choose Website.
On Website Settings, click the Storefront Theme tab.
Your studio's logos are on the Appearance tab of the same page, under Studio Logos.
Your brand colours
Under Brand Colors you'll find:
Primary Color: used for buttons and primary actions.
Primary Hover Color: shown when a customer points at a button. Tick Auto-derive from primary (darken 15%) and it is worked out for you.
Accent Color: used for links and secondary highlights.
Add to Cart Color, in the Add to Cart Button box: the colour of the Add to Cart button on the design page, quick view and pinboards. Leave it unset to keep the default dark button.
Change a colour
Click the colour bar of the colour you want to change.
Pick a new colour. If you know its code (for example #2F6F73), you can type it in the box beside the bar instead.
Check the preview on the right. Login Preview shows your customers' sign-in page; click Browse Preview to see your marketplace.
Until you save, a notice at the top says You have unsaved changes.
More options
Below Brand Colors, more sections open with a click: Page Colors (background, surface, text and header colours), Typography (the fonts for body text and headings), Login Page (the layout, branding and background of the customer login), Marketplace Display (the homepage hero, card style and featured pinboard) and Footer (the text in the bottom-left of the storefront footer).
Save your theme
Click Save Theme.
A message, Storefront theme saved successfully, confirms it. Your storefront now uses your new colours.
To go back to the original theme, click Reset to Defaults and confirm. This resets every setting on the Storefront Theme tab, not just the colours, and can't be undone.