> ## 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.

# Custom Branding For Teams

> Apply custom branding to your team's Cal ID booking page with logos, colors, and banners for a consistent look across collective and round-robin events.

Apply custom branding to a specific team's booking page for a consistent look and feel across panel meetings and round-robin events.

<Info>
  These settings apply to a **team's** public booking page. To brand your own personal page instead, see [Custom Branding For Personal](/docs/branding/personal).
</Info>

## Open a team's Custom Branding

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

  <Step title="Go to Teams">
    Click on the **Teams** icon in the left-hand sidebar.
  </Step>

  <Step title="Access the team menu">
    Locate the team, click the **three horizontal dots**, and select **Edit team**.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/teams-1.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=253f998e669423d35b383d8cf1691789" alt="Edit team menu" width="1433" height="759" data-path="images/branding/teams-1.png" />
    </Frame>
  </Step>

  <Step title="Go to the Custom Branding tab">
    Click on the **Custom Branding** tab at the top of the page.

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/teams-2.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=251e3bcc85dec0fb51de2ab02bd4c681" alt="Custom Branding tab" width="1600" height="857" data-path="images/branding/teams-2.png" />
    </Frame>
  </Step>
</Steps>

## Public page banner

Upload a professional header image with exact **3200 x 320 px** dimensions. **For more detail, visit:** [**Public Page Banner For Team**](/docs/branding/banner-team)

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/teams-3.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=ce7dec2c486a3b2185841cb0f4ab7106" alt="Team public page banner setting" width="1433" height="762" data-path="images/branding/teams-3.png" />
</Frame>

## Custom brand colors

Set specific **Hex codes** for both light and dark themes to match your brand palette. **For more detail, visit:** [**Custom Brand Colors For Team**](/docs/branding/brand-colors-team)

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/teams-4.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=1ba1e9ffea0892cf466094683f2726e7" alt="Team custom brand colors setting" width="1434" height="768" data-path="images/branding/teams-4.png" />
</Frame>

## Custom brand logo and favicon

Upload your **600 x 400 px** logo and browser tab icon to fully customize your page. **For more detail, visit:** [**Custom Brand Logo and Favicon for Team**](/docs/branding/logo-favicon-team)

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

## Next steps

<CardGroup cols={2}>
  <Card title="Custom Branding For Personal" icon="wand-magic-sparkles" href="/docs/branding/personal">
    Brand your own personal booking page with a banner, colors, and logo.
  </Card>

  <Card title="Team appearance" icon="palette" href="/docs/appearance/team-appearance">
    Set the theme and button visibility for your team's page.
  </Card>
</CardGroup>


## Related topics

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