> ## Documentation Index
> Fetch the complete documentation index at: https://cal.id/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Customize Your Brand Logo and Favicon in Cal ID

> Replace the default Cal ID branding on your personal booking page with your own logo and browser tab favicon for a fully white-labeled experience.

Own your booking experience end to end. The **Custom brand logo and favicon** section lets you swap the Cal ID branding on your personal booking page for your own logo and browser icon, so guests see your brand from the tab title to the footer.

<Info>
  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**.
</Info>

## Step-by-step configuration

<Steps>
  <Step title="Log in to Cal ID">
    Sign in to your dashboard.
  </Step>

  <Step title="Navigate to Settings">
    Click the **Settings** icon in the left-hand sidebar.
  </Step>

  <Step title="Go to Custom Branding">
    Open the **Custom Branding** section.
  </Step>

  <Step title="Enable the feature">
    Scroll to the bottom and ensure the toggle for **Custom brand logo and favicon** is switched **ON**.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-1.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=2c0a79e0eb2340c54d8d142ade54dbdd" alt="Enable custom brand logo and favicon" width="1436" height="770" data-path="images/branding/logo-favicon-1.png" />
    </Frame>
  </Step>

  <Step title="Upload your brand logo">
    Click the **Upload logo** button, then select your **600 x 400 px** image.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-2.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=b7bd50933eaaaf44d2ccbec391f01b9e" alt="Upload brand logo" width="1430" height="766" data-path="images/branding/logo-favicon-2.png" />
    </Frame>
  </Step>

  <Step title="Upload your brand favicon">
    Click the **Upload favicon** button, then select your icon file (ensure it is under **1 MB**).

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-3.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=70b252f0682cd636a6c4f6a5308b1268" alt="Upload brand favicon" width="1430" height="766" data-path="images/branding/logo-favicon-3.png" />
    </Frame>
  </Step>

  <Step title="Save">
    Click the **Update** button (if visible) to apply the changes.
  </Step>
</Steps>

<Tip>
  For the **brand logo**, using a file with a transparent background (like a `.PNG`) is highly recommended. This ensures your logo looks natural whether your guest is viewing your page in **Light** or **Dark** mode.
</Tip>

## Visible changes in your account

* **Public booking page** — your custom logo appears clearly at the bottom of your booking interface, replacing the default branding.

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-4.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=c07042d04f41c4cb2c61aef49cf18f38" alt="Custom logo on public booking page" width="1430" height="766" data-path="images/branding/logo-favicon-4.png" />
</Frame>

* **Browser tab** — your uploaded favicon is displayed in the browser tab whenever a guest opens your booking link.

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/logo-favicon-5.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=de3bddfbfa6f3d16b5b7bda086437bd3" alt="Custom favicon in browser tab" width="1432" height="806" data-path="images/branding/logo-favicon-5.png" />
</Frame>

## Next steps

<CardGroup cols={1}>
  <Card title="Set a logo and favicon for a team" icon="users" href="/docs/branding/logo-favicon-team">
    Apply the same white-label treatment to your team's shared booking page.
  </Card>
</CardGroup>


## Related topics

- [Customize Your Brand Logo and Favicon in Cal ID for Team](/docs/branding/logo-favicon-team.md)
- [Custom Branding For Personal](/docs/branding/personal.md)
- [Managing Custom Brand Colors in Cal ID](/docs/branding/brand-colors.md)
- [Public Page Banner](/docs/branding/banner.md)
- [Customizing Your Appearance in Cal ID](/docs/appearance/appearance.md)