> For the complete documentation index, see [llms.txt](https://guides.paynow.gg/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guides.paynow.gg/your-webstore/branding.md).

# Branding

Branding matches your store and checkout to the community your customers came from. Someone who arrives from your Discord and finds a generic checkout hesitates, and hesitation at the card form costs you the sale.

*Dashboard → Appearance → Branding. Needs `branding_update`.*

## Logos

Your logo appears in several places: your store banner on the default theme, the **View Cart** button, and elsewhere. It accepts **PNG, JPEG, SVG, WEBP or GIF**, at a recommended width of **at least 256px**.

<figure><img src="/files/qEYRfJbuT6GuwvJsDnmp" alt="The Branding page showing the Logos section with a logo uploaded."><figcaption></figcaption></figure>

Use the logo your community already knows, the one on your Discord and your server banner. Recognition is the point, and a newly-designed logo that exists only on the store does the opposite. Prefer **SVG**, which stays sharp at every size. Otherwise use a PNG with a transparent background, comfortably wider than 256px.

## Checkout Branding

Checkout Branding extends branding into the checkout itself, with custom fonts, a custom colour scheme and a custom background image. It requires the **Business** plan, which the dashboard badges as *Business Plan Feature*. Upgrade from [Billing](/payments-and-payouts/billing.md).

Checkout is the last screen before payment, and the one that looks least like your community by default.

<figure><img src="/files/Iz3lNB62jDEFdh8AZeiu" alt="The Checkout Branding panel unconfigured on the left and fully configured on the right."><figcaption><p>Checkout Branding unconfigured (left) and configured with a custom font, colours and background image (right).</p></figcaption></figure>

### Getting the colours right

Pull the exact hex values from your Discord theme or website rather than eyeballing them. Keep the background quiet: a busy image behind a payment form reads as untrustworthy, while something dark and low-contrast works. Test on a phone, because background images crop unpredictably at narrow widths.

{% hint style="warning" %}
**Check contrast before you save.** A dark scheme that renders body text at low contrast costs you more than the branding gains. The price and the pay button have to be unmistakable, on desktop and on mobile.
{% endhint %}

## Branding versus templates

**Branding** covers your logo, colours, fonts and checkout appearance, and applies across your store and checkout without touching code. [**Templates**](/your-webstore/webstore.md) are the full storefront design, edited as Twig files. Start with Branding; reach for a template only when you need layout changes Branding cannot express.