Appearance & brand

One place for the whole look

You shape the whole look inside the editor, under the Appearance tab. Open your website, click Appearance in the left column (on a phone: Options → Appearance), and you'll see your website change beside you as you go - that's your real page, not a separate preview.

Everything here is curated, so your website stays easy to read and on-brand - there are no colour codes to pick and nothing you can set to an unreadable combination.

The tab first shows a short overview of each category and your current choice. Open one category, make the change, then use the back arrow to return. This keeps all choices easy to find without one long page to scroll through.

You can choose:

• Theme — light, dark, or match the device.
• A colour palette from a set of ready-made, tested options.
• A font pairing (for example Modern or Classic).
• How roomy or compact the spacing feels, how rounded the corners are, the button style, text size, and motion. Each has its own visible category.

About motion. Your website arrives with movement chosen to suit its style, not one setting shared by every website: a design built around photography lets its sections arrive slowly and travel further, while a trades website moves a little and settles fast, so someone with an urgent job is not kept waiting. On a computer, cards and pictures also lift slightly when you point at them. Set motion to None in this category if you would rather nothing moved, and anyone whose device asks for reduced motion sees a still website automatically.

Your logo

Open Logo to see the current mark at a useful size and the full business name. Choose one clear action: create from initials, create an AI symbol, or upload your own. You can also improve an existing logo or remove it. When a raster logo has a plain white canvas, SnabbSajt removes that background when it is safe so the mark also works on dark designs. On a dark design, an initials logo is drawn as an outlined mark in your brand colour instead of a filled badge, so it never sits on a pale card in your menu - if you switch a website to dark after making one, click your shape again to redraw it.

You can also click the logo in the menu at the top of your website. The menu editor opens directly on the logo controls, where you can change or remove it.

Your website also has a favicon (the small icon shown in the browser tab), which you set under Settings → Appearance. By default it is your logo, so you only have one mark to keep updated - upload a separate icon there if you want the tab to show something else.

Image style

Open Image style to choose a mood like "bright and airy" or "warm and soft". Use the arrows on a choice to inspect six examples without changing the selected style.

The choice does two things. It guides the look of pictures you create with AI. And once a style is chosen, the button Swap the photos on my website appears: it finds new photos of the same thing, in the style you picked. A hair salon still gets photos of a hair salon — just brighter, warmer, or darker.

Your own uploaded photos are never touched. Only the photos we placed are swapped, and if we find nothing good in that style the photos you have stay where they are. Changed your mind? Pick another style and press it again.

Custom fonts

Want a specific typeface? Custom fonts - your own uploaded font, or a Google or Adobe font - are on every plan, including the free one.

There is no separate "Brand Studio", and no standalone Appearance page any more. You set your branding right where you build your website - colours, fonts, logo, and image style in the editor's Appearance tab. That tab was called Style until 8 August 2026, and older links still land on it. Under Settings you'll find Icon and footer - the browser icon and the footer link, not the colours.

Next steps

• Replace images - add your own photos.
• Image Studio - manage your pictures.
• Add sections - change the building blocks.

---