What this is
The brand palette and border-radius settings let you fine-tune the look of your storefront beyond the basic logo and primary colour. You can adjust card backgrounds, headers, footers, surfaces, and button shapes to match your brand exactly.
Palette options
Primary — the main accent colour used on buttons, prices, and highlights.
Secondary — a complementary colour used for badges and minor actions.
Surface — the page background colour.
Card — the colour behind product cards and panels.
Header — the top navigation background.
Footer — the bottom navigation background.
Text and Muted — primary body text and softer secondary text.
Spatula automatically picks readable text colours for each surface so your storefront stays accessible.
Border radius
Choose how rounded buttons, cards, and inputs should look:
Sharp — clean, square edges. Suits formal or upmarket brands.
Rounded — gently curved corners. The default and most flexible choice.
Extra rounded — softer, friendlier feel. Good for casual cafes and bakeries.
Pill — fully rounded buttons. Modern, playful look.
How to change them
Go to Settings → Storefront → Theme & Branding.
Open the Palette section and adjust colours one by one.
Use the Border radius selector to pick a corner style.
Preview your storefront in the side panel as you make changes.
Save.
Tips
Keep contrast strong — light text on light backgrounds is hard to read.
Use no more than two or three brand colours. Too many makes the storefront feel busy.
Look at your storefront on a phone in bright sunlight — softer pastel colours can wash out outdoors.