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

# Team Appearance Settings

> Customize your team's public booking page in Cal ID with light or dark themes, layout choices, and button visibility for a consistent look.

Customize the visual theme and button visibility for your team's public booking page so every guest sees a consistent, on-brand experience.

## Steps to customize team appearance

<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 you wish to edit, click the **three horizontal dots**, and select **Edit team**.

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

  <Step title="Navigate to Appearance">
    Click on the **Appearance** tab at the top of the settings page.
  </Step>

  <Step title="Configure visual settings">
    Configure the options described below.
  </Step>
</Steps>

## Booking page theme

Select the theme your clients will see when visiting your public page: **System default**, **Light**, or **Dark**.

The theme selection determines the background and text colors your client interacts with when they view your team's public page. Choosing a specific theme ensures a consistent experience regardless of the user's personal browser settings.

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/appearance/team-appearance-2.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=59405e03cddb473df86648ec3757a1c7" alt="Team booking page theme" width="1435" height="747" data-path="images/appearance/team-appearance-2.png" />
</Frame>

## Hide book a team member button

Toggle this to **ON** to remove the shortcut button from your public page.

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/appearance/team-appearance-3.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=4d7d8ab89fd185683df021dfb8469f64" alt="Hide Book a Team Member toggle" width="1433" height="738" data-path="images/appearance/team-appearance-3.png" />
</Frame>

By default, when a user opens your team's public booking page, they will see a button labeled **Book a team member instead** at the very bottom of the page, following the list of available event types.

| Toggle            | Result                                                                                                                                                                                    |
| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **OFF** (default) | The button is visible, allowing guests to bypass team events and book with individuals directly.                                                                                          |
| **ON**            | The button is hidden—useful when you want all bookings to follow your team's specific **Round Robin** or **Collective** logic rather than letting guests pick a specific person manually. |

<Frame caption="Toggle OFF — button visible">
  <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/appearance/team-appearance-4.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=9dbe150b607d59e09b27ba8bc053624a" alt="Book a team member button visible" width="1429" height="664" data-path="images/appearance/team-appearance-4.png" />
</Frame>

<Frame caption="Toggle ON — button hidden">
  <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/appearance/team-appearance-5.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=49265b900ee75aa04fbf0884ffdeb203" alt="Book a team member button hidden" width="1600" height="833" data-path="images/appearance/team-appearance-5.png" />
</Frame>

## Hide team profile link

Toggle this to **ON** to hide the link to your team's profile on all booking pages.

<Frame>
  <img src="https://mintcdn.com/cal-id-docs/NUrc1nmEeHvCjwEV/images/appearance/team-appearance-6.png?fit=max&auto=format&n=NUrc1nmEeHvCjwEV&q=85&s=8ffa080f5fd4947ecde8e2f53c6e0b39" alt="Hide team profile link toggle" width="1436" height="738" data-path="images/appearance/team-appearance-6.png" />
</Frame>

## Next steps

<CardGroup cols={2}>
  <Card title="Personal appearance" icon="palette" href="/docs/appearance/appearance">
    Set the theme and booking layout for your own personal booking page.
  </Card>

  <Card title="Team branding" icon="wand-magic-sparkles" href="/docs/branding/teams">
    Add your team's logo, banner, and brand colors.
  </Card>
</CardGroup>


## Related topics

- [Customizing Your Appearance in Cal ID](/docs/appearance/appearance.md)
- [Custom Branding For Teams](/docs/branding/teams.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)