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

# How to Manage Branding

> List referral themes and upload font packs from Settings.

export const ClassicCallout = ({children, href, linkLabel = "Open the Classic guide"}) => <Info>
    <strong>This finishes in Classic.</strong>
    {children ? <> {children}</> : null}
    {href ? <>
        {" "}
        For the setup steps, see <a href={href}>{linkLabel}</a>.
      </> : null}
  </Info>;

Open **Settings > Branding** to manage the themes and fonts your referral programme uses.

<Frame caption="The Branding page on the Themes tab, with theme cards and an Edit action.">
  <img
    src="https://mintcdn.com/mentionme/kgVB-NOv7qaOtEjq/images/knowledge-app/settings/brand/themes.png?fit=max&auto=format&n=kgVB-NOv7qaOtEjq&q=85&s=98419447be4a5f85c8d35a7865b9b27a"
    alt="Branding settings Themes tab with live theme
cards"
    width="2564"
    height="2179"
    data-path="images/knowledge-app/settings/brand/themes.png"
  />
</Frame>

Onboarding also has a [Configure branding](/knowledge-app/onboarding/configure-branding) step for first-time colours and tone. This Settings page is where themes and font packs live afterwards.

## Themes

The **Themes** tab lists themes created for your referral pages. Badges include **Live** and **Generating**. Each card previews heading, paragraph, email, and button styles.

<ClassicCallout>
  Theme editing still happens in Mention Me Classic. Click **Edit** on a theme
  card, or **Manage in Classic** if you have no themes yet. For the Classic
  guide, see [Understanding Design
  Themes](/knowledge/referral/design/design-themes).
</ClassicCallout>

The Themes tab is hidden unless you have design permission and Classic links are enabled for the workspace.

## Fonts

The **Fonts** tab is available to everyone in the organisation.

A **font pack** is one or more fonts you upload together as a ZIP. Pages use one pack at a time. To use different fonts for headings and body, put both in the same pack. New packs take a few minutes to process after uploading.

<Steps>
  <Step title="Open Fonts">
    Go to **Settings > Branding**, then open the **Fonts** tab.
  </Step>

  <Step title="Upload a Pack">
    Drop a ZIP of your font files onto **Upload a font pack**, or click to
    browse.
  </Step>

  <Step title="Confirm">
    In **Use this font pack?**, confirm. Selecting a pack switches to it across
    every campaign.
  </Step>
</Steps>

If pages currently use a font that is not one of your uploaded packs, a notice tells you to select a pack to switch.

For the Classic custom-fonts walkthrough, see [How to Change Your Fonts](/knowledge/referral/design/custom-fonts).

## See Also

<CardGroup cols={2}>
  <Card title="How to Manage Imagery" icon="image" href="/knowledge-app/settings/brand/imagery">
    Set the logo, social sharing image, and Image Library.
  </Card>

  <Card title="How to Configure Branding" icon="palette" href="/knowledge-app/onboarding/configure-branding">
    First-time colours, fonts, tone, and button style in the Onboarding Hub.
  </Card>

  <Card title="Custom Fonts" icon="font" href="/knowledge/referral/design/custom-fonts">
    Classic documentation for uploading and applying fonts.
  </Card>

  <Card title="Design Themes" icon="swatchbook" href="/knowledge/referral/design/design-themes">
    Classic documentation for editing themes.
  </Card>
</CardGroup>