Step 1 of 11

DashboardStorefront

Your brand, driving the store

A brand here is four colours and a corner style — and the whole storefront is rendered from them, on the server, the way a real store is.

TryChange the primary colour or the corner style — every store screen after this is rendered in it.

Somewhere to start — pick one, then change anything

Dashboard · Store settings · BrandingLive preview, no save needed
Corner style

Sets the global corner radius for buttons, cards, inputs, badges, modals and images across the storefront.

Live previewUpdates as you type
Hero bannerGradient background
Section title
Shop nowAdd to cartA link
FeaturedLimited offer

In the product this is a form with a save button, and the storefront re-renders from it. Here there is nothing to save to, so the changes live only in this page — which is also why the demo asks you for nothing.

What this moved elsewhere

Why it works this way

The storefront reads the merchant's colours and corner style at render time and writes them into the page as custom properties, so the whole store re-skins from one setting rather than from a theme file. The label colour on a brand surface is calculated from its brightness, not chosen — which is why it stays readable whatever you pick.

Read the documentation on this

Your brand, driving the store