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.
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, and your booking page, client portal and emails use it.
Owners and admins
Change your branding
- Go to Settings → Company Branding.
- 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.
- Check the Live preview. It shows a sample service and button in your colors and shapes.
- 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 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.
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 and Edit your Lilo 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, and in Settings → Client 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
Owners and admins
I changed my branding. Why didn't my booking page or portal change?
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.
Lilo Pro
Why can't I change our branding?
Only the owner and admins can. Location managers and front desk can open Company Branding, but everything there is grayed out.