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

> ## Agent Instructions
> OwnPay is licensed under AGPL-3.0 and is completely free - no licensing fees.
> Production docs URL: https://ownpay.org/docs - append .md to any page URL for clean markdown.
> OwnPay requires PHP 8.3+, MySQL/MariaDB, and Redis.
> MCP server available at https://ownpay.org/docs/mcp for programmatic documentation queries.
> Use root-relative links (e.g. /quickstart) for internal navigation - do NOT include /docs prefix.
> Plugin development: consult /developer/plugins/ pages for correct interfaces and manifests.
> Canonical locations: API auth = /api/authentication, webhook verification = /api/webhooks, rate limits = /resources/rate-limiting, transaction statuses = /fundamentals/payment-flow.
> The documentation uses the Diataxis framework: Tutorials (learning), How-to (tasks), Reference (lookup), Explanation (understanding).

# Brand identity settings

> How to upload logos, set brand colors, configure favicons, and preview brand identity changes for checkout pages in OwnPay.

Branding settings control how your checkout pages look to customers. Each brand has its own identity - logo, colors, and favicon - allowing you to match the checkout experience to your main website.

## Upload a logo

1. Go to **Appearance** → **Branding**.
2. Under the **Logo** section, click the upload area.
3. Select an image file (PNG or SVG, recommended 200×60 px).
4. The logo appears on the checkout header and on invoice PDFs.

## Set brand colors

Two colors define the checkout look:

| Color               | Used for                                  |
| ------------------- | ----------------------------------------- |
| **Primary color**   | Main buttons, links, and active elements  |
| **Secondary color** | Button hover states, accents, and borders |

Click the color picker and either enter a hex code (for example `#0d9488`) or use the visual picker. Changes apply immediately to the preview.

## Configure the favicon

1. In the **Favicon** section, upload an ICO or PNG file (recommended 32×32 px).
2. The favicon appears in the browser tab when customers are on your checkout page.

<Note>
  Favicon changes may not appear immediately due to browser caching. Hard-refresh (Ctrl+Shift+R) to see the update.
</Note>

## Preview changes

Click the **Preview** button to open a live preview of the checkout page with your current branding settings. The preview shows the logo, colors, and favicon exactly as your customers will see them.

## Brand identity settings

| Setting             | Format         | Description                                           |
| ------------------- | -------------- | ----------------------------------------------------- |
| **Brand logo**      | PNG, SVG, WebP | Shown in checkout header and invoice PDFs             |
| **Primary color**   | Hex code       | Main interactive color                                |
| **Secondary color** | Hex code       | Hover and accent color                                |
| **Favicon**         | ICO, PNG       | Browser tab icon                                      |
| **Support email**   | Email          | Displayed on checkout as the customer support contact |

<Warning>
  Do not upload images larger than 1 MB for logos or favicons. Large files slow down the checkout page, especially on mobile networks.
</Warning>

## Related Pages

* [Themes](/docs/appearance/themes) - choose and customize checkout page layouts
* [Landing page](/docs/appearance/landing-page) - configure the public landing page
* [Brands](/docs/people/brands) - create brands with their own identity settings


## Related topics

- [Create and manage brands](/docs/people/brands.md)
- [Changelog](/docs/resources/changelog.md)
- [Custom Domains - White-Label Checkout URLs](/docs/fundamentals/domains.md)
- [Glossary](/docs/resources/glossary.md)
- [Settings](/docs/system/settings.md)