Gallery & branding

Everything visual on your public booking page lives in one place: Settings → Gallery & branding (route: /settings/gallery-branding). The page is a two-column editor on top with a portfolio gallery below — you change something on the left, the live preview on the right updates immediately, hit Save changes at the top, done.

The brand stat strip

Across the top of the page you'll see four small tiles:

• Brand score — out of 100. The number is computed from how complete your branding is (logo, cover, accent, bio, social handles, gallery). The hint below shows how many items are still open.
• Storefront views — coming soon.
• Conversion — coming soon.
• Gallery images — current count out of a recommended ceiling of 20.

The two Coming soon tiles are placeholders for storefront analytics — fine to ignore for now.

The identity panel (left column)

This is where the words and colours live:

• Salon name — what appears as the H1 on the landing page.
• Tagline / slogan — the one-line pitch shown right under the name.
• About us / bio — a longer paragraph below the slogan. Good place for what makes you you.
• Accent colour — a colour swatch in OKLCH. This drives the primary button colour and the colour of the highlight chips on your public storefront.
• Brand font — pick one of the curated typography pairings. The choice carries through every page of your public storefront.
• Cover focal point — sliders that mark which part of the cover photo should stay centred when the page resizes (x/y from 0 to 100). Useful when the most important thing in your photo isn't dead centre.
• Social handles — Instagram, TikTok, Facebook, and a public website URL. Anything you fill in shows up as a chip on the landing page.

The live preview (right column)

A scaled-down rendering of your public storefront — name, slogan, bio, cover photo with focal point applied, accent colour, brand font, all of it. The preview updates as you type, so you can see exactly how an edit will land before you save.

The portfolio gallery (below)

The bottom half of the page is the portfolio gallery — a drag-and-drop grid of images that surfaces on the Gallery tab of your public storefront.

• Drag and drop image files onto the upload area (or click to pick). A progress bar shows the current upload.
• Set a cover — promote any image to be the cover photo for the storefront landing page. (Note: this is the cover image, not the focal point — the focal point is a separate property of whichever image is set as cover.)
• Assign a category — each image can be tagged (e.g. Hair, Color, Nails) so clients can filter the gallery.
• Reorder — drag images around to change the order clients see.
• Delete — remove an image (deletion is permanent).

The gallery currently recommends up to 20 images for performance. You can add more, but the brand stat strip flags the recommended ceiling.

Saving

The Save changes button at the top right commits the identity panel changes. Gallery uploads, category changes, cover changes, and reorders save immediately — they don't wait for the Save button.

Open storefront

Next to the Save button is an Open storefront button that opens /s/<your-slug> in a new tab. Quickest way to verify a save took.