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

# Brand Your Site

> Set logo, favicon, theme color, header style, and CTA button on Pro

## Why This Matters

Branding is the most visible Pro upgrade. Your gallery, event pages, and shareable links all inherit the brand color, logo, favicon, and header you set here. Spending 15 minutes on this once means every event for the rest of the year looks like *your* event, not a generic 9Pic page.

For exhaustive field-level reference, see the dashboard guide: **[Branding & Theme](/dashboard-guide/settings/branding)**. This page is the **Pro operator's checklist**.

## Before You Begin

* You're on **Pro** (or **Enterprise**). Trial and Pay As You Go cannot configure branding.
* You have:
  * A **theme color** picked (a hex code like `#2E6F40`).
  * A **logo** PNG with transparent background, ≤ 300 KB.
  * A **favicon** at 32×32 (or 16×16) pixels, ≤ 100 KB.

## Steps

<Steps>
  <Step title="Open Settings → Branding & Theme">
    Click **Settings** in the sidebar. The **Branding & Theme** tab is selected by default.

    <Frame caption="Branding & Theme settings">
      <img src="https://assets.9pic.ai/docs/pro-guide/branding-theme.webp" alt="Settings page on a Pro account with Branding and Theme selected, showing Theme Color, Header Design, and Header Call-to-Action cards" />
    </Frame>
  </Step>

  <Step title="Set your theme color">
    In the **Theme Color** card, click the swatch on the left to open the color picker, or paste a hex code in the text field. The preview bar updates in real time.
  </Step>

  <Step title="Choose a header style">
    In the **Header Design** card, pick:

    * **Default** — white header with colored accents on active links. Looks clean across most brand palettes.
    * **Fill** — header background is filled with your theme color, white text. Use this if your brand color is dark enough to read white text on top.
  </Step>

  <Step title="Upload logo and favicon">
    In the **Identity** card:

    1. Set **Organisation Name** — used across the platform and gallery website.
    2. Click the **Logo** field to upload a transparent PNG (≤ 300 KB). For best results use roughly 240×60 px.
    3. Click the **Favicon** field to upload a 32×32 PNG or ICO (≤ 100 KB).

    <Tip>
      Browsers cache favicons aggressively. After saving, hard-refresh (`Cmd/Ctrl + Shift + R`) to see the new icon in your browser tab.
    </Tip>
  </Step>

  <Step title="Enable the Header CTA (optional)">
    In the **Header Call-to-Action** card, toggle **Enable Header CTA** on if you want a prominent button in the gallery header. Useful for registration, "Book Now", or your main marketing site.

    1. **Button Text** — short and action-led ("Register Now", "Get Tickets", "Learn More").
    2. **Button Link** — full URL (`https://example.com/register`).
    3. **Position** — Left or Right side of the header.

    A live preview updates as you fill in fields. Only one CTA is supported per organisation — pick the most important action.
  </Step>

  <Step title="Save Branding Changes">
    Click **Save Branding Changes** at the bottom of the page.

    <Warning>
      Switching to another tab (Footer, Contact, Domain, Advanced) without saving shows an **Unsaved changes** dialog. Choose **Stay on this tab** and click Save to keep your edits.
    </Warning>
  </Step>
</Steps>

## Recommended Defaults

| Field             | Recommended                                                                | Why                                                                                                      |
| ----------------- | -------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
| Theme color       | Your primary brand color (use the same hex you use on your marketing site) | Brand consistency.                                                                                       |
| Header style      | **Default** (white)                                                        | Reads well across the widest range of brand colors. Switch to **Fill** only if your brand color is dark. |
| Organisation Name | Your public-facing brand name                                              | Appears on platform listings and emails.                                                                 |
| Logo              | Transparent PNG, \~240×60 px                                               | Renders crisply in both light and dark headers.                                                          |
| Favicon           | 32×32 PNG or ICO                                                           | Browser tabs render at this size.                                                                        |
| Header CTA        | Enable only if you have a clear, single action                             | More than one CTA dilutes both.                                                                          |

## Common Questions

<AccordionGroup>
  <Accordion title="Where exactly does the theme color appear?">
    Buttons, active link highlights, and accent UI on your gallery website. If you choose the **Fill** header design, it also fills the header background.
  </Accordion>

  <Accordion title="Can I add more than one CTA button?">
    No. The dashboard supports a single header CTA per organisation. Pick the most important action.
  </Accordion>

  <Accordion title="My logo is blurry on participant pages.">
    Re-upload at higher resolution (e.g. 480×120 instead of 240×60). Use a transparent PNG, not a JPG.
  </Accordion>

  <Accordion title="Do branding changes apply retroactively to past events?">
    Yes. Branding is global, so existing event pages immediately pick up the updated theme color, logo, header, and favicon. There is no per-event branding override on Pro.
  </Accordion>

  <Accordion title="Can different events use different brand colors?">
    No. Branding is per organisation, not per event. If you genuinely need event-level brand isolation, run each brand as a separate organisation (each on its own Pro plan), or [talk to us about Enterprise](/pro-guide/talk-to-us).
  </Accordion>
</AccordionGroup>

## Next Steps

<CardGroup cols={2}>
  <Card title="Custom Domain" icon="globe" href="/pro-guide/domain">
    Move your gallery to `yourname.9pic.ai` or `photos.yourbrand.com`.
  </Card>

  <Card title="Footer & Contact" icon="address-card" href="/pro-guide/footer-contact">
    Add footer text, social links, and a contact form.
  </Card>

  <Card title="Branding Reference" icon="book" href="/dashboard-guide/settings/branding">
    Field-level reference in the Dashboard Guide.
  </Card>

  <Card title="Advanced Settings" icon="sliders" href="/pro-guide/advanced-settings">
    Header CTA tweaks and Google Tag Manager.
  </Card>
</CardGroup>