Design and branding

Everything lives under Booking page, grouped into Layout, Brand and Links, with a live preview. Changes apply to your booking page, home-screen app, booking poster and the emails customers get. For calendar versus list, see calendar and list layout.

Add your logo and icon

Your logo appears in your booking page header. The icon shows in the browser tab and is the app icon on a home screen.

1. 1
   In the Brand group, under Logo, upload a square image of at least 160x160px. Drag it to position it inside the circle and use Zoom to size it.
2. 2
   Under Icon, upload a square image - 512x512px works best.
3. 3
   Select Save changes.

You can upload JPEG, PNG, WebP, AVIF and GIF images. Large photos are shrunk automatically.

Without a logo, your venue name shows as text at the top left of the banner.

Choose a theme

The theme is the first setting in the Brand group and applies to every visitor - customers can't switch it.

• Default - a colour you choose with the Page background picker. Text turns light on a dark colour. Session cards (and the whole page on phones) take a soft shade of it, or stay white if you leave the page background as it is.
• Light - a white page.
• Dark - a dark page. A black or grey brand colour shows as near-white buttons, and other dark colours are lightened.

Set your brand colour

The brand colour is used for buttons, links and accents. Button text is the colour of words on top of them, like "Book now".

1. 1
   In the Brand group, set the Primary colour with the picker or a hex value like #C94F2E.
2. 2
   Set Button text - usually white (#ffffff) for a dark brand colour, or a dark colour for a light one - and select Save changes. If they're hard to read together, select the fix in the warning that appears.

"Brand colour" also heads the colour options for sessions and locations. New sessions start on it and follow your changes.

For soft, earthy session tiles, pick Sand for your sessions rather than a pale brand colour, which makes every button pale too.

If your brand colour is too pale to read as text, Session darkens it for links, prices and chosen times, and for chosen dates if your button text can't be read.

Set your header banner

The header banner is the strip across the top of your booking page, behind your logo. In the Brand group under Header banner, choose Image and upload a photo (drag to position it vertically), or choose Colour and pick one. Select Save changes. Switching to a colour keeps your uploaded image, so you can flip back.

Shared links preview your default session image, then your header photo, then a session photo, then your brand colour. Old previews can take a while to update.

Choosing a header photo

The banner is a thin strip, and it's cropped differently on each screen: wide screens keep the full width but lose the top and bottom, and phones keep the height but lose the sides. Only the middle of your photo is always seen.

• Use a wide landscape photo, ideally 3000px wide or more - a photo straight from a phone or camera is ideal. Smaller photos get stretched and can look soft on large screens.
• Keep the subject in the middle, and use the drag to centre it vertically.
• Avoid photos with text, logos or faces near the edges - they'll be cut off on some screens. Your logo also sits over the bottom of the banner.
• Textured scenes like timber cladding, steam or water crop well.

If an older header looks soft, upload it again.

Your default session image

The photo on your shared booking link, also used for sessions and pages without their own image. Upload it under Default session image in Brand, then Save changes. Use a landscape photo at least 1200px wide, subject centred - previews crop it to a wide strip.

Position a session image

Session photos are cropped from the centre to fit the session page, featured cards, confirmation emails and the sessions block of marketing emails. To keep a subject in view, open the session's Details section, drag the image in the Image field, and select Save. Every place the photo appears re-crops around that point. Uploading a new photo resets it to the centre.

Add your website and social links

In the Links group:

• Homepage and Social links (Instagram, Facebook) show as icons in one pill at the top right of your header banner.
• Short name (optional, up to 12 characters) labels your home-screen app.

You don't need https:// - Session adds it. The Booking URL is also here; read Your booking links before changing it.

Your emails match your booking page

Automatic emails like booking confirmations use your logo, page background and brand colour. A colour header banner shows; a photo one doesn't. They stay light with the Dark theme, since mail apps apply their own dark mode.

Common questions

1. Why don't my changes show up? Make sure you selected Save changes. Installed home-screen apps can take up to a day to update.

2. My logo doesn't fill the circle - can I make it bigger? Yes. Drag the Zoom slider up while positioning it. Past 100% it crops rather than stretches, so it won't distort.

3. Why was my iPhone photo rejected? iPhones save photos as HEIC, which browsers can't display. Set Settings → Camera → Formats to Most Compatible, or for an existing photo, choose Share → Options → Most Compatible in Photos.

4. Does repositioning a session image change my other sessions? No. The position is saved on that session only. Duplicating a session copies its position along with the photo.