# Customize your online branding

## Overview

Branding settings let you choose your colors and styling so your client facing pages match your brand. You can set:

* **Primary color** for buttons, links, and highlights
* **Important notice color** for banners and key messages
* **Border style** for buttons and text fields

These changes apply to your online pages (booking, profile, client portal). You can update them anytime.

***

## Open branding settings

1. Go to **Settings** → **Branding**.

<figure><img src="https://3848983471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8mHp6Xvui6hSl3fbco11%2Fuploads%2FUCZl5kMAgSHlNVqKic1b%2FGroup%20427318424.png?alt=media&#x26;token=5021246d-ec35-4d26-9183-aae9c0072087" alt="" width="563"><figcaption></figcaption></figure>

2. Update any of the branding options.

<figure><img src="https://3848983471-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8mHp6Xvui6hSl3fbco11%2Fuploads%2FPDxiqJ00VDHaHCkU9yY7%2Fimage%20908.png?alt=media&#x26;token=9cc294be-4623-4487-948b-e5321c013ec9" alt="" width="563"><figcaption></figcaption></figure>

3. Click **Save** (top-right) to apply changes.

Tip: If you want to exit without applying changes, click Cancel.

**After you save:**

* Preview your booking page or client portal to see the latest styling.
* If you do not see the update straight away, try refreshing your page.

***

## Branding options:

### Primary color

**What it controls**\
Your primary color is used throughout your online pages for key UI elements like buttons and highlights.

**Example**\
Your logo is teal, so you choose a teal primary color to match your brand across booking buttons and headings.

**Good to know**\
If you pick a very light color, make sure text and buttons still have strong contrast for readability.

***

### Important notice color

**What it controls**\
This color is used for important notices shown on your online pages, like alert banners or callouts.

Examples

* Choose amber for general attention messages (like “Please arrive 10 minutes early”).
* Choose red for urgent messages (like “Bookings close in 2 hours”).

**Tip**

* Pick a notice color that stands out from your primary color so notices are clearly visible.

***

### Border style

**What it controls**\
Border style changes the shape of buttons and text fields on your online pages.

Options include:

* **Round** (soft corners)
* **Square** (sharp corners)
* **Pill** (fully rounded)