> For the complete documentation index, see [llms.txt](https://knowledge-base.zumrails.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://knowledge-base.zumrails.com/account-settings/brand-customization.md).

# Brand Customization

### Customizing your brand

1. Click on **Settings > Brand Customization**

<figure><img src="/files/PiFMaLUmKUq7EX7dXq3c" alt=""><figcaption></figcaption></figure>

2. Use the **dropdowns** on the left side of the screen to customize your logo, colours, and footer content.

<figure><img src="/files/QaO9xsRwXpf1FU4ioII8" alt=""><figcaption></figcaption></figure>

3. Click on **Save Settings** once you are happy with your changes.

<figure><img src="/files/3i6hEUsFYXU7FNknlTbw" alt=""><figcaption></figcaption></figure>

You can always reset to the default settings by clicking on the reset icon next to each customization option.

<figure><img src="/files/lH5OEejQ0i1bYFDdmZCg" alt=""><figcaption></figcaption></figure>

### Using the customization options

#### Logo

The logo you upload overrides the default icon. Logos must be in JPG, JPEG, or PNG format, and less than 2Mb in size. Recommended dimensions are 90px by 90px.

1. Click on **upload**

<figure><img src="/files/ICYk6OuIQaayOl0HvN2E" alt=""><figcaption></figcaption></figure>

2. Select your logo file
3. Click on **Save Settings**

#### Colours

Colours are represented in sections of your products and communications. You can adjust one or more of the options to represent your brand.

**Brand Colour:** colour reflected on buttons, email invoices, hosted checkout, and the hosted payment profile creation. The default colour is #28c76f.

**Accent Colour:** applied to links, active elements, and important text. The default colour is #28c76f.

**Background Colour:** represents the colour of the background behind the frames. The default color is #f2f3f4.

**Foreground Colour:** represents the colour of the frames. The default colour is #ffffff.

1. Choose which colour you want to change and click on the **coloured box** or select the field and input the HEX code.

<figure><img src="/files/rf1t3v05CD0JI6opufm5" alt=""><figcaption></figcaption></figure>

2. You can use any of the following to change the colour. Use the arrow toggle to select your preference:

* RGB
* HSL
* HEX

3. Click on **Save Settings**

Footer Content

You can customize your footer to include your phone number and email address. These details will only appear in the **email invoice** section.

**Phone number:** **Email address:** email where the user can reach your customer service team. By default, it is the same email as your Zūm Portal account details page.

1. Enter the **phone number** and/or **email address** you want your users to see

<figure><img src="/files/hC55GkGrQN7yAxhoHOwD" alt=""><figcaption></figcaption></figure>

2. Check the box if you want a link to display, allowing the users to manage invoices and subscriptions
3. Click **Save Settings**

### Brand customization grid

You can view where each setting impacts your overall account.

<figure><img src="/files/G4UgmTfEJsGhykqBtMXL" alt=""><figcaption></figcaption></figure>
