# Set up branding (https://webmetic.de/docs/en/partner/branding)

You set the logo and colour once for your whole partner account. At the end you have:

- your logo and colour on the login page, the opt-out page, and the partner page
- your logo at the top of the dashboard when someone opens the dashboard on your white-label domain
- the link to the partner page, through which new customers sign up

## Before you start [#before-you-start]

- **Time**: Setting the logo and colour takes a few minutes.
- **Account**: You need an account with a [partner area](https://webmetic.de/docs/en/partner).
- **Access**: You can set up branding without a white-label domain, but the login page and opt-out page only show it once your [white-label domain](https://webmetic.de/docs/en/partner/white-label-domain) is active.
- **File**: Have your logo ready as a PNG, JPG, WebP, or SVG file of up to 512 KB.
- **Rights**: Every user of your partner account can change the logo and colour.
- **Cost**: Branding costs no credits.

## Upload your logo [#upload-your-logo]

The window has two fields: your main logo for light backgrounds and, optionally, a logo for dark backgrounds that Webmetic uses in dark mode.

1. Open [**Menu** > **Partner area** > **Branding**](https://app.webmetic.de/?menu=partner_branding). The **Branding** window opens.
2. Under **Logo**, click the field **For light backgrounds** and select your file. Webmetic saves the logo right away and shows the message **Logo saved.**
3. Optional: Click the field **For dark backgrounds** and select a version of your logo for dark backgrounds. Webmetic saves this logo right away as well.

![The Branding window with both logos and the primary colour](https://webmetic.de/docs/media/en/light/partner-branding.webp)

Webmetic scales PNG, JPG, and WebP files down to at most 512 pixels on the longest side but stores SVG files as they are.

Webmetic refuses other file types and larger files and shows the message **Couldn't save the logo. Use a PNG, JPG, WebP or SVG file of up to 512 KB.**

## Set your colour [#set-your-colour]

Your branding has one colour, the primary colour, and Webmetic uses it on the login page, the opt-out page, and the partner page. On the login page, the sign-in button takes this colour.

When you upload a PNG, JPG, or WebP for light backgrounds and the **Primary colour** field is empty, Webmetic suggests a colour from the logo if it finds one. Webmetic saves the suggestion together with the logo and shows the message **Logo saved. We derived the primary colour from it, you can change it below.** For an SVG file, Webmetic suggests no colour at all.

To set the colour yourself:

1. Under **Colour**, enter a hex value in the **Primary colour** field, for example `#1f6feb`. Webmetic adds the `#` itself.
2. Click **Save**. Webmetic shows the message **Changes saved.**

The × icon **Remove colour** clears the field, but this too only takes effect once you click **Save**.

## Check your branding [#check-your-branding]

Your branding appears in these places:

- **Login page**: logo and colour on your white-label domain.
- **Opt-out page**: logo and colour under `/opt-out` on your white-label domain.
- **Dashboard**: your logo at the top when someone opens the dashboard on your white-label domain.
- **Partner page**: logo and colour under `webmetic.de/p/…`.

To check the login page and the opt-out page:

1. Open your white-label domain in the browser, for example `https://leads.agency-example.com`. The login page shows the logo and a button in the chosen colour.
2. Add `/opt-out` to the address. The opt-out page shows the logo and colour as well.

![The login page on a white-label domain with the partner's logo](https://webmetic.de/docs/media/en/light/partner-login.webp)

As long as no logo is saved, the login page shows the Webmetic logo.

## Share your partner page [#share-your-partner-page]

Your partner page lives at `webmetic.de/p/…`, and Webmetic derives the part after `/p/` from your website. The page shows the logo and colour and contains a sign-up form.

![The partner page of Intent with logo, headline and sign-up form](https://webmetic.de/docs/media/en/light/partner-seite.webp)

Anyone who signs up through your partner page becomes your customer, and you send the invoice. No trial starts through this page, and the page asks for no payment details.

1. In the top right, click the **Partner** badge. The menu shows the **Partner page** section.
2. Click **Copy link**. Webmetic briefly shows the message **Copied**.
3. Pass the link on to prospects, for example by email or on your website.

With **View page**, you open the partner page itself, and the **Branding** window also shows the link under **Your partner page**.

Customers who sign up through the partner page aren't white-label customers. To switch on white-label for one of these customers, see [Manage customers](https://webmetic.de/docs/en/partner/kunden-verwalten).

## Next steps [#next-steps]

- [Set up a white-label domain](https://webmetic.de/docs/en/partner/white-label-domain): Serve the login page and dashboard under your own subdomain.
- [Add customers](https://webmetic.de/docs/en/partner/kunden-anlegen): Add customers yourself and hand them the tracking code.
- [Choose features for customers](https://webmetic.de/docs/en/partner/funktionen-fuer-kunden): Decide which areas your white-label customers see.