# Brand your booking pages

> **Plans**
>
> Available on Standard and Pro. On Free the console shows that these are there, but you need Standard or higher to use them.

You can put your logo and one colour on the pages where guests book. Leave both unset and the pages stay plain black and white.

## Before you start

- On Free, the **Booking pages** tab says **Available on Standard**, and **I'd like to use it** lets us know.
- An **Owner** or a **Manager** can change it. A **Viewer** sees it read-only.

## Set your logo and colour

Open the property and its **Booking pages** tab. The settings are on the left, under **Logo and colour on your booking pages**, and a live preview of your booking pages is on the right.

1. **Choose a logo**

   Upload one with **Choose a logo image** (PNG, JPEG or WebP), or pick one of the property's photos under **Or use one of your photos**.

2. **Choose a colour**

   Click the swatch under **Colour** and pick one.

3. **Check the preview**

   The preview follows your changes before you save. Switch pages with **Details**, **Review**, **Confirmed** and **Manage**, and width with **Desktop** and **Phone**.

4. **Click Save**

   You see "Saved. Guests see it on your booking pages too."

![The booking page logo and colour settings, with the logo and colour on the left and a preview of the booking page on the right.](https://docs.vibebooking.ai/screenshots/en/checkout-brand-desktop.webp)
*The logo and colour settings, and the live preview.*

| Setting | Where guests see it |
| --- | --- |
| Logo | At the top of every page, left of your property's name. |
| Colour | The buttons, the confirm booking button among them, and the progress bar. |

![The guest details page, showing the property logo and colour.](https://docs.vibebooking.ai/screenshots/en/checkout-details-desktop.webp)
*The guest details page with your logo and colour.*

To undo, click **Remove the logo** or **Use the default colour**, then **Save**.

## Colours that are too light

White text sits on your colour. If white text would be hard to read on the one you pick, you see "This colour is too light: white text on it is hard to read. Choose a darker one." and cannot save it.

The bar is a contrast ratio of 4.5:1 against white text (WCAG AA). Darker colours pass.

![The colour field with a light yellow chosen, and the message that it is too light for white text.](https://docs.vibebooking.ai/screenshots/en/checkout-brand-too-light-desktop.webp)
*A light yellow is refused: white text on it is hard to read.*

## Try your booking pages

**Try your booking pages** opens your booking pages in a new tab, exactly as a guest sees them, and lets you book right through. Pay with Stripe's test card `4242 4242 4242 4242`, any future expiry date and any three-digit security code.

Nothing about it is real:

|  | When you try it |
| --- | --- |
| Charges | None. |
| Reservation system | Nothing is written to it. |
| Bookings | None is kept. |
| Emails | The confirmation and the receipt go to your own email address, with `[PREVIEW]` at the start of the subject. |

![The Confirm booking button, in the property colour.](https://docs.vibebooking.ai/screenshots/en/checkout-confirm-desktop.webp)
*The final button wears your colour too.*

![The booking confirmed page, showing the property logo and colour.](https://docs.vibebooking.ai/screenshots/en/checkout-done-desktop.webp)
*The booking confirmed page. A try's booking number starts with PREVIEW.*

## Let your AI assistant suggest one

With your AI assistant connected ([Connect an AI assistant](https://docs.vibebooking.ai/en/connect-assistant)), it can suggest a logo and colour (the `draft_brand` tool). The **Booking pages** tab then shows "Your AI assistant suggested a logo and colour".

![A logo and colour suggested by an AI assistant, with Try the suggestion and Not now buttons.](https://docs.vibebooking.ai/screenshots/en/checkout-proposal-desktop.webp)
*A suggestion from your AI assistant.*

**Try the suggestion** puts it in the preview. Guests see nothing new until you click **Save**. **Not now** sets it aside.