Customising your storefront
Make your store look like your brand — upload a logo, pick brand colours, set a hero image, and choose a custom font. Changes go live immediately; no developer or rebuild needed.
Customising your storefront
Your storefront's look comes from a few settings — your logo, primary colour, accent colour, hero image, and optionally a custom font. Update any of them and the change goes live on your storefront immediately. No developer, no rebuild.
Where to set this
Everything lives in Settings → Storefront:
- Logo — upload a PNG or SVG. It shows in your storefront's navigation. Roughly square works best (we render it around 32×32 pixels in the nav).
- Primary colour — your brand colour. Used for buttons, accents, and hover states. Use the colour picker or type a hex code.
- Accent colour — optional second colour for secondary buttons.
- Hero image — the big banner on your storefront landing page. Wider-than-tall ratios (around 1920 × 800) look best.
- Font family — pick from any Google Font (Inter, Playfair Display, Manrope, and thousands more). Your storefront loads it automatically.
What gets themed
The branding settings affect your customer-facing storefront only. Buttons, links, primary CTAs, and form focus rings all pick up your primary colour automatically.
The merchant dashboard at dashboard.zillo.app keeps Zillo's own branding regardless of yours. This is on purpose — your dashboard looks consistent no matter which merchant account you're managing.
Picking a font that reads well
Google Fonts offers thousands of families, but not all of them are great for body text. Some solid defaults:
- Inter — modern and neutral. Safe choice.
- Manrope — slightly warmer than Inter.
- Playfair Display — elegant serif, great for hospitality or upscale brands.
Highly stylised display fonts (script, blackletter) look great in headings but read poorly in body copy. Today the storefront uses one font for all text, so pick something that works at both sizes.
Preview before going public
Keep your store in draft mode while you iterate. Members of your team can view the storefront at the normal URL; the public sees "Page not found". Once you like it, flip to published from the sidebar header.