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

# Public Page Banner for Team

> Add a wide header banner image to the top of your team's Cal ID booking page for a professional, on-brand first impression when guests visit.

The public page banner is the first thing guests see—a wide, professional image that sits at the very top of your booking page.

<Info>
  Your banner image must be exactly **3200 x 320 px** and **1 MB** or smaller.
</Info>

## Step-by-step configuration

<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/banner-team-1.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=bc0884baae3642c60fe979273f8d3da9" alt="Edit team menu" width="1433" height="759" data-path="images/branding/banner-team-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/banner-team-2.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=1dde3aa67ff810d7da8a4331e5f3e9a1" alt="Custom Branding tab" width="1600" height="857" data-path="images/branding/banner-team-2.png" />
    </Frame>
  </Step>

  <Step title="Upload your image">
    Click the **Upload image** button, then select your file (ensure it meets the 3200 x 320 dimension and 1 MB size limit).

    <Frame>
      <img src="https://mintcdn.com/cal-id-docs/3fu9CIn5wG7tNW3N/images/branding/banner-team-3.png?fit=max&auto=format&n=3fu9CIn5wG7tNW3N&q=85&s=155fcd4c27618d62faa63d97aee43a6b" alt="Upload team banner image" width="1600" height="835" data-path="images/branding/banner-team-3.png" />
    </Frame>
  </Step>

  <Step title="Preview">
    The banner will display in the preview box once the upload is successful.
  </Step>
</Steps>

<Tip>
  Because the banner is very wide and short, try to use a landscape photo or a brand pattern where the most important visual elements are centered. This prevents important details from being cut off on smaller mobile devices.
</Tip>

## Next steps

<CardGroup cols={2}>
  <Card title="Personal public page banner" icon="image" href="/docs/branding/banner">
    Add a banner to your own personal booking page.
  </Card>

  <Card title="Team Custom Branding" icon="users-gear" href="/docs/branding/teams">
    Round out the team page with brand colors and a logo.
  </Card>
</CardGroup>


## Related topics

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