Your website's look: colours, fonts, logo

Ready-made looks

There are 18 ready-made looks, on 3 screens:

• Soft and natural: Linen & forest, Sea salt, Terracotta, Charcoal & brass, Blush and Olive grove.
• Bright and colourful: Protea, Jacaranda, Atlantic, Fynbos, Peri-peri and Mango.
• Bold and strong: Workshop, Carbon & red, Navy & gold, Bushveld, Ironstone and Graphite & lime.

Swipe through them under More → Look of your website, and watch the preview of your own home page change as you go. Nothing changes on your website until you tap Save.

Want to see it on your real website first? Tap “Try it on your website”. Only you can see it there until you save it.

Your own colours

Prefer your own colours? Tap “Use my own colours” and choose:

• a background,
• a writing colour,
• a main colour: for buttons, links and coloured words,
• and, if you like, a second colour for small touches, like icons.

Pick each one, or type its colour code. We check that everything stays easy to read. When a colour makes the writing hard to read, we make it a little lighter or darker (it stays the same colour) and tell you what we changed. Websites here use a light background with dark writing, so they read well on any phone.

Have a logo? “✨ Suggest colours from my logo” has the AI suggest three sets of colours that go with your logo and what you sell. It uses a little AI credit.

“Back to a ready-made look” puts the look's own colours back.

Fonts

Choose one of 8 font pairs: a font for the headings and one for the writing that go well together.

• Classic: elegant and timeless.
• Warm: a soft, friendly serif.
• Modern: clean and simple.
• Workshop: tall and strong, for tools and gear.
• Headline: bold and confident.
• Fresh: round and modern.
• Boutique: fine and stylish, for fashion and beauty.
• Playful: round and cheerful, for kids, sweets and fun.

Or keep the fonts that go with your look. Want something else? “Choose your own” lets you pick the headings' font from 19 and the writing's from 13 easy-to-read ones.

Each choice shows your shop's name in its fonts, so you see them before you save. The fonts are for your website: your emails and slips keep their own easy-to-read fonts.

Layouts

The layout is the shape of your website: the same words, photos and pages, shown in a different way.

• Soft: rounded arches and soft shapes. Lovely for flowers, décor, gifts and handmade things.
• Bold: straight edges, strong lettering and dark bands. Made for tools, gadgets, outdoor gear and sport.
• Clean: simple and quiet, with lots of space. Lets your photos do the talking.
• Playful: round, bouncy shapes. Fun for kids, sweets and parties.

Switching keeps everything you've made: only how it's shown changes.

Your logo

Your logo shows at the top of your website, on your till slips and in your emails. Without one, your website shows your shop's name.

Best: a PNG file with a see-through background, at least 600 pixels wide. Wide logos (about 3 times wider than tall) fit the top of your website best; square ones work too. A clear photo of your logo on white paper also works: the AI can clean it up.

1. 1Upload your logo under More → Shop details → Logo. We tell you straight away if it's on the small side, has a background, or is a shape that shows small.
2. 2Choose “Use as is”, or “✨ Clean it up”: the AI cuts your logo out from its background and sharpens it. Check the letters and colours: the AI can make mistakes.
3. 3Choose your browser icon, the little picture on your website's tab and on phones' home screens: one made by AI from your logo, your logo as it is, or your shop's first letter.

Cleaning up your logo and making the icon use a little AI credit (free while you set up your first product).

Change it by WhatsApp

Everything in this guide can be done by WhatsApp too. Tell the assistant what you'd like in your own words: it changes your website straight away, and says so when it adjusted a colour to keep things easy to read.

Don't like it? Send “undo” and the last change is taken back.

Questions