Theme, fonts and logo

In the editor’s left panel, click “Theme” (1). (If you can’t see it, click the small arrow at the end of the tabs.)

“Style presets” (2) is open at the top. One click sets colours, fonts, corners and buttons together — for example “Soft glow”, “Luxe spa” or “Barber bold”. Start here, then fine-tune below.

Open “Colours”. Click a palette (1) — light ones first, dark ones under “Dark”.

To use your exact brand colour, click the colour square next to “Custom brand colour” (2) and pick it, or type its code (like #B8336A).

Open “Fonts” (1) and click a pair — each one sets a heading font and a body font, like “Modern”, “Elegant” or “Playful”. The page updates straight away.

• “Buttons” (1) — Solid (filled) or Outline.
• “Corners” (2) — Sharp, Soft, Round or Pill.
• “Spacing” — how much room between sections (Compact, Cozy and more).
• “Footer” — Light, Dark or Brand colour.

Open “Motion” (1). Choose “None” for no animation, or a style such as “Style 1 · Soft rise” — sections fade in gently as visitors scroll. Point at a style to see it play.

Visitors who switch off motion on their device never see animations.

Click the “Logo” tab (1). Under “Logo”, choose “Name” (your business name in your heading font), “Monogram” or “Image” to upload your logo file.

“Favicon” (2) is the small icon in the browser tab and on phone home screens — use letters on a shape, or an image. “Header” (3) is below.

In “Header”, pick a layout (1): Classic, Centered or Minimal. Leave “Keep the header visible while scrolling” (2) ticked so the Book button is always in reach.

Type your own “Book button text” (3) — for example “Book now” or “Reserve”. Below it, “Announcement bar” adds a thin bar above the header for news like “Now open Sundays”.