Look and feel
Logo, fonts, colours, header and footer.
Appearance controls how the storefront looks without touching a stylesheet. Every change is saved as a draft first, so you can experiment on a live store without customers seeing half-finished work.
Draft, publish, discard, restore
| Action | What it does |
|---|---|
| Save | Keeps your changes as a draft. The live store is unchanged. |
| Publish | Makes the draft live. |
| Discard | Throws the draft away and goes back to what is published. |
| Restore | Brings back the previously published version — the undo for a bad publish. |
Work in drafts and publish once. The temptation is to publish after each tweak; the result is customers watching your store change under them for an hour.
Logo and colours
Six colours drive the whole theme:
| Ink | Body text and headings |
| CTA | Buttons — Add to cart, Checkout |
| Accent | Highlights, badges, links |
| Background | The page |
| Header background | The bar at the top |
| Footer background | The block at the bottom |
Check contrast before publishing. A pale CTA on a pale background looks tasteful on your monitor and is invisible on a phone in daylight. The Add to cart button is the one that has to be obvious even when the rest is subtle.
Fonts
Body and heading typefaces are chosen separately, from: Inter, Poppins, Montserrat, Roboto, Work Sans, DM Sans, Nunito Sans, Playfair Display, Lora, Merriweather, Fraunces and Space Grotesk.
A common pairing is a serif for headings (Playfair Display, Lora, Fraunces) with a sans for body (Inter, DM Sans, Work Sans). Using the same face for both is also fine, and safer.
Header styles
| Style | Best for |
|---|---|
| Inline nav | The default. Logo left, menu beside it. |
| Centered logo | Fashion and lifestyle, where the brand leads. |
| Search first | Large catalogs, where people arrive knowing what they want. |
| Minimal | Menu tucked into a drawer. Very few products, or a strong visual home page. |
The header can be sticky or static, and you can add an announcement bar above it for a sale or a shipping cut-off.
Footer
Columns gives you your own link groups; Centered is a minimal single block.
Product cards
| Classic | Bordered, conventional, easy to scan |
| Minimal | Borderless, image-led |
| Detail | Sale badge and a second image on hover |
You also choose the image aspect ratio and how densely the grid packs. Pick a ratio and then shoot or crop all your product photos to it — mixed ratios are the single most common reason a catalog page looks amateur.
Corners and buttons
Corner radius and button shape — rounded, sharp or pill — are applied consistently everywhere, so the store looks designed rather than assembled.
Social links
Instagram, Facebook, X and YouTube appear in the footer. Leave one blank and it is simply not shown.
Still stuck? Message us on WhatsApp — we would rather answer than have you guess.