Customize Brand Colors

Bookit comes with two distinct sets of colors, each serving a different purpose:

---

1. Backoffice Colors (Software Branding)

These define the visual identity of the backoffice, used by admins and staff.

They reflect the Bookit design system – clean, functional, and optimized for daily operations.

These colors apply only to the internal interface. We recommend keeping them as-is to maintain a consistent experience across all installations of the software.

---

2. Establishment Colors (Front-End Branding)

These control the public-facing experience: the landing page, the online menu, the reservation form, etc.

They are fully customizable to match the branding of the restaurant, café, or bar using the template.

The goal is to let the owner express the identity of their venue directly on the customer interface.

---

🛠️ How to Edit the Colors

All colors are defined using Bubble’s style variables.

To update them:

1. Open the Bubble Editor.

2. Go to the Styles tab.

3. Look for variables named "Establishment..."

4. Adjust variables.

Changes will automatically apply across the app, ensuring a consistent look without editing each element manually.

We advise you to check the changes carefully to maintain a comfortable UX/UI for users.