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

# Branding

> Customize SalesOS with your company branding — logo, colors, and white-label options.

# Branding

SalesOS supports white-label branding so the platform looks and feels like your own product. Customize the logo, colors, email templates, and more.

## Logo

Upload your company logo to replace the SalesOS branding:

1. Go to **Admin > Branding**
2. Click **Upload Logo** under the Logo section
3. Upload your logo file

### Logo Requirements

| Property       | Requirement                                            |
| -------------- | ------------------------------------------------------ |
| **Format**     | PNG or SVG (transparent background recommended)        |
| **Size**       | Maximum 2MB                                            |
| **Dimensions** | Recommended 200x60px (horizontal layout)               |
| **Variants**   | Upload both light and dark versions for proper display |

The logo appears in:

* Sidebar navigation
* Login page
* Email notifications
* Exported reports (PDF)
* Browser favicon (square version auto-cropped)

## Colors

Customize the color scheme to match your brand:

<Steps>
  <Step title="Go to Admin > Branding > Colors">
    Open the color configuration panel.
  </Step>

  <Step title="Set primary color">
    Your primary brand color. Used for buttons, links, active states, and highlights. Enter a hex code or use the color picker.
  </Step>

  <Step title="Set secondary color">
    A complementary color for accents and secondary elements.
  </Step>

  <Step title="Preview">
    The preview panel shows how your colors look across different elements (buttons, sidebar, cards).
  </Step>

  <Step title="Save">
    Click **Apply Colors**. Changes take effect immediately for all users.
  </Step>
</Steps>

### Customizable Color Elements

| Element                | Description                       |
| ---------------------- | --------------------------------- |
| **Primary color**      | Buttons, links, active states     |
| **Sidebar background** | Navigation sidebar background     |
| **Sidebar text**       | Text color in the sidebar         |
| **Header background**  | Top bar background color          |
| **Accent color**       | Highlights, badges, notifications |

<Note>
  SalesOS automatically adjusts text contrast based on your background colors to maintain readability. If a combination has poor contrast, you will see a warning.
</Note>

## Login Page

Customize the login experience:

* **Background image** — Upload a custom background for the login page
* **Welcome message** — Custom text displayed on the login page
* **Custom URL** — Available on Enterprise plans, use your own domain (e.g., `sales.yourcompany.com`)

## Email Templates

Customize the appearance of system emails:

* **Header** — Your logo and brand colors
* **Footer** — Custom footer text (company name, address, links)
* **Invitation email** — Customize the text of user invitation emails
* **Notification emails** — Adjust the template for notification emails

<Tip>
  Keep email customization professional and consistent with your other company communications. Include your company name and support contact in the footer.
</Tip>

## White-Label Options

On Enterprise plans, additional white-label options are available:

* **Remove "Powered by SalesOS"** from the footer
* **Custom domain** — Access the platform at your own URL
* **Custom email sender** — Emails sent from your domain (e.g., `noreply@yourcompany.com`)
* **Custom favicon** — Your own browser tab icon

## Resetting to Defaults

To reset all branding to the SalesOS defaults:

1. Go to **Admin > Branding**
2. Click **Reset to Defaults**
3. Confirm the action

<Warning>
  Resetting branding affects all users immediately. The change is visible on the next page load.
</Warning>

## Next Steps

<CardGroup cols={2}>
  <Card title="Custom Fields" icon="sliders" href="/admin/customization/custom-fields">
    Customize your data model
  </Card>

  <Card title="Plans" icon="credit-card" href="/admin/billing/plans">
    See which branding features are on your plan
  </Card>
</CardGroup>