> For the complete documentation index, see [llms.txt](https://docs.simplespa.net/simplespa-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.simplespa.net/simplespa-documentation/reports-and-marketing/online-booking/custom-theme-and-fonts.md).

# Custom Theme & Fonts

Match your online booking page to your brand with custom colors, fonts, corner styles and CSS for each location.

Each location can have its own online booking theme, so the booking page matches your website and brand.

## What you can change

| Setting           | What it changes                                                                              |
| ----------------- | -------------------------------------------------------------------------------------------- |
| **Colors**        | Buttons, highlights, backgrounds and text.                                                   |
| **Fonts**         | Headings and body text. You can use any font from [Google Fonts](https://fonts.google.com/). |
| **Corner radius** | How rounded buttons and cards are, from square to fully rounded.                             |
| **Custom CSS**    | Any further styling for advanced changes.                                                    |

{% hint style="info" %}
Locations without a custom theme keep the standard SimpleSpa look. Nothing changes until you add one.
{% endhint %}

## Set up a custom theme

{% stepper %}
{% step %}

### Gather your brand details

Note your brand colors (as hex codes such as `#185FA5`), the Google Fonts you use, and how rounded you'd like buttons to be.
{% endstep %}

{% step %}

### Send them to support

Contact SimpleSpa support with the location name and your brand details, plus any custom CSS.
{% endstep %}

{% step %}

### Check your booking page

Open your booking page and make a test booking to see the new look. See [Your Custom Booking URL](/simplespa-documentation/reports-and-marketing/online-booking/your-custom-booking-url.md).
{% endstep %}
{% endstepper %}

## Related

* [Linking & Embedding Online Booking](/simplespa-documentation/reports-and-marketing/online-booking/linking-and-embedding-online-booking.md)
* [Your Website](/simplespa-documentation/reports-and-marketing/website.md)