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

# Add your logo to the Firmhouse Checkout

> Brand the Firmhouse Checkout and Self Service Center with your logo and accent color so your customer-facing pages match your company's visual identity.

Brand the Firmhouse checkout with your logo to make it yours. You can upload your logo to Firmhouse to make the checkout page and the Self Service Center feel like they're yours.

## Upload your logo

### Steps

1. Navigate to **Settings > Your business** to configure your branding.
2. In the Branding section, upload a company logo. If the upload doesn't show right away, click on **Update project** to get the picture to load.
3. Select an accent color that fits your company's branding. This color is used in some areas of the Self Service Center.

<img src="https://mintcdn.com/firmhousebv/i0tAuZcoMZU4WKIb/images/docs-configure-firmhouse-checkout-add-logo-business-branding-dev-bg3-aa.png?fit=max&auto=format&n=i0tAuZcoMZU4WKIb&q=85&s=97c9c2073272b76a5bc6e5f1a37b78fc" alt="Your Business Branding Settings" width="2880" height="1620" data-path="images/docs-configure-firmhouse-checkout-add-logo-business-branding-dev-bg3-aa.png" />

## Configure the logo on the checkout page

You can choose between three different sizes when displaying your logo on the checkout page: Normal, Large, and Very Large.

### Steps

1. Go to **Checkout > Preferences** and scroll down to **Customise Appearance**.
2. Choose your preferred logo size. This will update the logo on all customer facing screens such as checkout, manual invoice payment flow, update payment method, etc.

<img src="https://mintcdn.com/firmhousebv/i0tAuZcoMZU4WKIb/images/docs-configure-firmhouse-checkout-add-logo-logo-size-dev-bg3-aa.png?fit=max&auto=format&n=i0tAuZcoMZU4WKIb&q=85&s=0127373cfe152e8dfa231e2039e15a66" alt="Checkout Preferences Logo Size" width="2880" height="1620" data-path="images/docs-configure-firmhouse-checkout-add-logo-logo-size-dev-bg3-aa.png" />

To preview the checkout page, go to **Checkout > Adjust content** and click on **Preview Page**.
