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

# Setting up your branding

> Brand your Referly affiliate portal, dashboard, emails, and social-share previews: upload your main logo, dashboard and collapsed logos, favicon, and email logo, set your text and primary colors, and save your changes.

Your affiliate portal is where affiliates sign up, grab their links, and track what they earn. Branding makes that portal, their dashboard, your emails, and the link previews people see on social media all look like your product instead of a generic page. You set it all up in one place.

To find it, open **Settings** from the left sidebar, go to **Affiliate Portal**, then select **Branding**. The page has three parts: your logos, your colors, and a live preview of how a shared link looks.

![branding-settings-overview](https://qnthgdfusotvjgaxpfie.supabase.co/storage/v1/object/public/public-assets/docs/uploads/1784507072141-604300-SCR-20260720-drok.png)

<Info>
  You need to be signed in to your Referly dashboard with access to program settings. Uploading a **Favicon** or an **Email Logo** requires the Business plan. See [plans and features](/docs/help-center/billing/plans-and-features) for what each plan includes.
</Info>

## Upload your logos

The **Brand Logos** section holds five images. Each one shows up in a different spot, so affiliates see your brand wherever they are. To add an image, select its upload box and choose your file. To swap or clear one, use the same box.

Every logo takes a **PNG or JPG** file up to **500KB**. If your file is larger or the wrong type, the upload won't go through, so resize or re-export it and try again.

![brand-logos-section](https://qnthgdfusotvjgaxpfie.supabase.co/storage/v1/object/public/public-assets/docs/uploads/1784507085196-662934-SCR-20260720-dtez.png)

Here's what each one is for:

* **Main Logo** (required): shows on your affiliate portal homepage, the first thing people see when they land on your sign-up and login pages. You can't save the page without one.
* **Dashboard Logo**: appears in the sidebar of the affiliate dashboard when the sidebar is expanded. A full logo with your name works well here.
* **Collapsed Logo**: appears in that same sidebar when it's collapsed to a narrow strip. Use a compact mark or icon so it still reads at a small size.
* **Favicon**: the small icon in the browser tab when an affiliate has your portal open. A simple square icon works best. Available on the Business plan.
* **Email Logo**: sits at the top of the emails Referly sends your affiliates, like sign-up confirmations and reward updates. Available on the Business plan.

<Tip>
  A square image reads best for the Collapsed Logo and Favicon, since both are shown in tight, roughly square spaces.
</Tip>

## Choose your colors

The **Brand Colors** section sets the accent colors across the portal. There are two fields. For each one you can type a hex code (like `#7D4FDF`) into the box, or select the color swatch next to it to open a picker and choose a color visually.

![brand-colors-section](https://qnthgdfusotvjgaxpfie.supabase.co/storage/v1/object/public/public-assets/docs/uploads/1784507159632-378275-SCR-20260720-dtez.png)

* **Text Color** (required): the text color used on your buttons and portal accents. White (`#FFFFFF`) is a common choice when your primary color is dark. This field is required, and it has to be a valid hex code. If you leave it blank or enter something that isn't a color, you'll see a message asking for a correct text color when you try to save.
* **Primary Color**: the main accent color for buttons and highlights across the affiliate portal. This is usually your main brand color.

## Preview a shared link

The **Social Media Preview** section shows a live card of what your portal looks like when someone shares its link on social platforms. It updates as you change your logo and colors, so you can check the result before you save.

![social-media-preview](https://qnthgdfusotvjgaxpfie.supabase.co/storage/v1/object/public/public-assets/docs/uploads/1784507165015-717959-SCR-20260720-duxd.png)

Nothing to fill in here. It's a preview to help you confirm your branding looks right.

## Save your changes

As soon as you change anything on this page, a **Save Changes** button appears at the bottom right of the screen. Your edits aren't live until you select it. Once you do, you'll see a message confirming your branding was saved, and the button goes away until you make your next change.

<Check>
  When the "Branding saved successfully" message appears, your logos and colors are live on the affiliate portal.
</Check>

If you leave the page before selecting **Save Changes**, your edits won't be kept, so save before you navigate away.

## Related

<Columns cols={2}>
  <Card title="Set up your program" icon="rocket" href="/docs/help-center/getting-started/set-up-program/affiliate-program-setup" arrow>
    Create your program, portal, and commission structure in the onboarding wizard.
  </Card>

  <Card title="Login and sign up" icon="right-to-bracket" href="/docs/help-center/settings/portal/login-and-sign-up" arrow>
    Control how affiliates create an account and get into your portal.
  </Card>

  <Card title="Custom domain" icon="globe" href="/docs/help-center/settings/portal/custom-domain" arrow>
    Serve your affiliate portal from your own domain.
  </Card>

  <Card title="Plans and features" icon="tags" href="/docs/help-center/billing/plans-and-features" arrow>
    See which plan unlocks the Favicon and Email Logo.
  </Card>
</Columns>
