# Company branding

> Set the colors, font, corner shapes, logo and favicon clients see on your booking page, client portal and emails, and where each one shows.

Source: https://heylilo.co/help/settings/branding

Company branding is how Lilo looks to your clients: your colors, font, corner shapes, logo and favicon. You set it once in [**Settings** → **Company Branding**](https://app.heylilo.co/dashboard/settings?tab=branding), and your [booking page](https://heylilo.co/help/booking/online-booking-page), [client portal](https://heylilo.co/help/booking/client-portal) and emails use it.

## Change your branding

**Applies to:** Owners and admins

1. Go to **Settings** → **Company Branding**.
2. Change what you'd like:
   - **Colors**: **Primary** is your main color, used for buttons. **Accent** adds highlights. **Background** sets the page color and **Text** sets the text color. **Button text** sets the words on filled buttons. **Border** sets the lines around boxes. Pick each color with its color box, or type its code with a # and six characters, like #1A2B3C. **Primary** and **Accent** also have swatches.
   - **Typography**: choose a **Font family**, and a **Font size** of **Small**, **Medium** or **Large**. **Lilo** is Lilo's own font. **system-ui** uses the font on each client's device.
   - **Shape**: drag **Button radius** and **Card radius** to round the corners of buttons and boxes, from square at 0px to 32px. Under **Button style**, choose **Filled** for solid buttons in your **Primary** color, or **Outline** for outlined ones.
   - **Logo & favicon**: upload your **Logo**, and a **Favicon** for the browser tab. Use a JPEG, PNG, GIF or WebP image up to 10 MB.
3. Check the **Live preview**. It shows a sample service and button in your colors and shapes.
4. Select **Save changes**. You'll see **Branding saved**.

**Discard** puts back what you last saved. Clients don't see your changes until you save, and leaving the page drops anything you haven't saved.

A new logo or favicon shows on this page once you select **Save changes**. To remove or replace one, select the **×** on it, then **Save changes**. The old one stays on screen until you save. To add the new one, upload it and select **Save changes** again.

## Where your branding shows

- **Your booking page** uses everything here. Your logo shows at the top in place of your business name, and your favicon shows in the browser tab. The [booking widget on your own website](https://heylilo.co/help/booking/add-booking-to-your-website) looks the same.
- **Your client portal** uses your logo, favicon, **Primary** and **Accent** colors. It keeps Lilo's fonts and shapes.
- **Emails Lilo sends your clients**, like confirmations, reminders and receipts, show your logo at the top. Their buttons use your **Primary** color. The rest of each email keeps Lilo's look.

**Applies to:** Lilo Booth

Your Lilo Site uses your **Primary** and **Accent** colors, corner shapes and font size. Each theme keeps its own fonts and background. Your site doesn't show your logo. **Edit branding** on your site, and the branding step when you set it up, change these same settings. See [Create your Lilo Site](https://heylilo.co/help/lilo-sites/create-your-site) and [Edit your Lilo Site](https://heylilo.co/help/lilo-sites/edit-your-site).

## How it works

- There's one company brand for your whole business, at every location.
- Your booking page and client portal can each have their own logo, favicon, **Primary** and **Accent** colors. You set those with **Customize Widget** in [**Settings** → **Booking Page**](https://app.heylilo.co/dashboard/settings?tab=booking-page), and in [**Settings** → **Client Portal**](https://app.heylilo.co/dashboard/settings?tab=portal). There, a setting marked **Inherited from company brand** follows this page. One marked **Custom** doesn't, until someone selects **Reset to company brand**.
- The first time someone gives the booking page or portal its own logo, favicon or color, Lilo asks whether to apply the change to your company brand.
- **Customize Widget** also has your font, corner shapes, button style and the **Background**, **Text**, **Button text** and **Border** colors. They're the same settings as this page, so a change in either place changes both.
- Your booking page can take a few minutes to show a change.
- The **Live preview** doesn't show your logo or favicon.
- You change branding on the web. The Lilo app doesn't have these settings.

## Common questions

### I changed my branding. Why didn't my booking page or portal change?

**Applies to:** Owners and admins

It's usually one of these:

- That page has its own logo or color. In **Customize Widget** or **Settings** → **Client Portal**, look for **Custom** next to the setting. Select **Reset to company brand**, then **Save Changes**.
- Your change wasn't saved. Select **Save changes** on **Company Branding**.
- Your portal only uses your logo, favicon and **Primary** and **Accent** colors. A new font or corner shape doesn't change it.
- Your booking page hasn't caught up yet. Wait a few minutes and reload it.

### Why do my emails show the Lilo logo?

No logo has been added under **Logo & favicon** in **Company Branding**. Emails only use that logo, not one set just for your booking page or portal.

### Can I use my own font?

No. Choose one from **Font family**: **Lilo**, **Inter**, **Roboto**, **Open Sans**, **Lato**, **Poppins**, **Montserrat** or **system-ui**.

### Why can't I change our branding?

**Applies to:** Lilo Pro

Only the owner and admins can. Location managers and front desk can open **Company Branding**, but everything there is grayed out.