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

# White-Label Branding

> Customize PayPunch with your own brand name, logo, colors, and fonts (SUPER_ADMIN only).

PayPunch is white-label: you can replace its name, logo, colors, and typography
with your own so the app looks like your firm's product to your clients and their
employees. Branding lives on the **White-Label Branding** tab of
[Organization Settings](/admin/settings).

<Frame />

## Open branding

Open **Settings** from the sidebar and switch to the **White-Label Branding** tab.

## Brand identity

Under **Brand Identity**:

* **Brand Name** — appears in the page title and throughout the app.
* **Logo** — recommended **200×80px**, max **2MB** (PNG, JPEG, or SVG).
* **Favicon** — recommended **32×32px** or **64×64px** (ICO, PNG, or SVG).

## Color palette

Under **Color Palette**, set each brand color (defaults shown):

| Color                | Default   | Used for                             |
| -------------------- | --------- | ------------------------------------ |
| **Primary Color**    | `#0066FF` | Main buttons, links, primary actions |
| **Secondary Color**  | `#F5F7FA` | Backgrounds, secondary elements      |
| **Accent Color**     | `#00A3FF` | Highlights, hover states             |
| **Background Color** | `#FFFFFF` | Main background                      |
| **Foreground Color** | `#2C3E50` | Text and headings                    |

## Typography and custom CSS

* **Font Family** — choose the font used throughout the app (default
  `Open Sans`).
* **Custom CSS** — advanced: add CSS rules to fine-tune styling.

<Steps>
  <Step title="Make your changes">
    Update the brand name, upload your logo and favicon, set your colors, and pick
    a font.
  </Step>

  <Step title="Save">
    Click **Save Branding**. You'll see **Branding saved successfully!**
  </Step>
</Steps>

## Reset to defaults

Click **Reset to Defaults** to clear your custom branding and return PayPunch to
its standard look.

<Warning>
  Branding changes — saving and resetting — are a **SUPER\_ADMIN-only** action.
  Standard admins can view the tab but can't save changes. Custom CSS is powerful;
  use it with care, as bad rules can break the layout.
</Warning>