---
title: "Brand the client portal"
description: "Give the client portal your name, logos, favicon, and accent color, check contrast in light and dark, hide Powered by Outpost, and override it for one client."
url: "https://support.outpostplatform.com/client-portal/branding/"
product: "depot"
type: "how-to"
status: "draft"
ai_summary: "MSP plan. Settings > Client portal > Branding: portal name, support contacts, theme, Powered by Outpost footer, accent by picker, hex, or RGB, Suggest from logo, light and dark logos (PNG or JPEG, 256 KB, no SVG), favicon. Accent lightness is adjusted per theme for 4.5:1 text and 3:1 borders, with a pass or fail preview. Per-client override. Applies to portal, emails, PDFs, and public pages."
availability:
  plans: ["msp"]
  permission: "clientportal:branding"
  preview: false
source: "https://gitlab.com/outpostplatform/docs/-/edit/main/src/content/docs/client-portal/branding.md"
license: "CC BY 4.0"
---

# Brand the client portal

Your clients see your brand in the portal, not Outpost's. The branding you set
applies to every client's portal, the emails it sends, your invoices, and the
public quote, project, and payment pages. A client can have an override, for
example when you resell under a partner's name. This page shows how to set it
up.

## Before you begin

- You need `clientportal:branding`.
- Have your logo as PNG or JPEG, at most 256 KB. SVG and WebP are not
  accepted. A second version for dark backgrounds is optional.
- For a favicon, have a square PNG, at most 64 KB.

## Set your branding

1. Select **Settings** > **Client portal**. It opens on **Branding**.
2. Under **Name and contact**, enter:
   - **Portal name**: what clients see as the portal's name, such as
     `Example IT`. Empty uses your sales display name or your licensed name.
   - **Support email**, **Support phone**, and **Support page** (an
     `https://` address). The portal shows them as help from you.
3. In **Theme the portal opens in**, choose **Follow the device**, **Light**,
   or **Dark**. People can still switch for themselves.
4. In **Powered by Outpost footer**, choose **Show it** or **Hide it**.
5. Under **Logos and favicon**, choose a file for **Logo for light
   backgrounds**, **Logo for dark backgrounds**, and **Favicon**. Each uploads
   when you choose it.
6. Under **Accent color**, set the color. See
   [Choose an accent color](#choose-an-accent-color).
7. Check the **Preview**, then select **Save branding**.

When you upload no light logo, the portal uses your console logo. The dark
logo falls back to the light one.

## Choose an accent color

Any color works, including your brand's. Set it in any of three ways, which
stay in step:

- **Picker**, the color picker.
- **Hex**, such as `#1f6f4e`. Empty uses the product default.
- **Red**, **Green**, and **Blue**, from 0 to 255.

To start from your logo, select **Suggest from logo**. Outpost offers up to
five colors from the light logo, best match first, ignoring transparent,
near white, near black, and gray pixels. Pick one to use it. A logo in
greyscale offers none.

### How contrast is kept

The portal keeps your hue and adjusts only the color's lightness for each
theme, so it stays readable on light and dark backgrounds:

| Check | Must reach |
| --- | --- |
| **Accent text** on the page | 4.5:1 |
| **Borders and focus** rings and icons | 3:1 |
| **Button label** on a button filled with the accent | 4.5:1 |

The **Preview** shows the portal in both themes with the colors it will
really use, a **Pass** or **Fail** chip for each check, and **Lightness
adjusted for this theme so it stays readable.** when it changed your color.

## Where your branding appears

- Every portal page, the browser tab's icon, and the app people install on a
  phone.
- Every portal email and billing email, such as invitations, invoices,
  receipts, and autopay notices.
- Invoice, receipt, and report PDFs.
- The public quote, project, and pay pages.

Outpost's name appears to clients only in the **Powered by Outpost** footer,
and as **Secured payment powered by Outpost** at the foot of the no-login pay
and autopay pages. Choosing **Hide it** removes both: the pay pages then say
**Secured payment**.

## Override branding for one client

1. Select **Clients**, then **Record** on the client's row, then the **Client
   portal** tab.
2. Select **Branding**.
3. Under **Branding for this client**, choose **Override for this client**.
4. Change what should differ. Anything left empty still comes from your
   default.
5. Select **Save branding**.

To go back, choose **Use MSP default** and confirm. The override is deleted.

## Verify

Open the portal's sign-in page in a private window. It shows your portal
name, logo, and accent color.

## Next steps

- [Serve the portal on your own domain](/client-portal/custom-domains/)
- [Turn on the portal for a client](/client-portal/turn-on/)