Skip to main content
The Custom brand logo and favicon section replaces the Cal ID branding on your personal booking page with your own logo and browser icon, so bookers see your brand from the tab title to the footer. You set it under Settings → Custom Branding.
Have your files ready before you start:
  • Logo — a 600 x 400 px image. A transparent-background .PNG is strongly recommended.
  • Favicon — an icon file under 1 MB.

Step-by-step configuration

1

Log in to Cal ID

Sign in to your account.
2

Navigate to Settings

Click the Settings icon in the left-hand sidebar.
3

Go to Custom Branding

Open the Custom Branding section.
4

Enable the feature

Scroll to the bottom and ensure the toggle for Custom brand logo and favicon is switched ON.
Custom Branding section with the Custom brand logo and favicon toggle switched on, revealing the Upload logo and Upload favicon buttons

Replacing the default Cal ID mark

5

Upload your brand logo

Click the Upload logo button, then select your 600 x 400 px image.
Upload logo dialog with a file picker, an image preview, and the 600 x 400 px requirement

Putting your logo on the page

6

Upload your brand favicon

Click the Upload favicon button, then select your icon file (ensure it is under 1 MB).
Upload favicon dialog with a file picker and the 1 MB file size limit

Branding the browser tab icon

7

Save

Click the Update button at the bottom of the section to apply the changes.
For the brand logo, using a file with a transparent background (like a .PNG) is highly recommended. This ensures your logo looks natural whether the booker is viewing your page in Light or Dark mode.

Visible changes in your account

  • Booking page — your custom logo appears clearly at the bottom of your booking interface, replacing the default branding.
Booking page with the custom logo shown at the bottom of the booking interface instead of the Cal ID mark

Your logo in place of ours

  • Browser tab — your uploaded favicon is displayed in the browser tab whenever a booker opens your booking link.
Browser tab strip showing the custom favicon next to the booking page title

Spotting your brand in the tab

Team logo and favicon

Set a logo and favicon for a team

Apply the same white-label treatment to your team’s shared booking page.