---
title: How to set up logo and accent colors
slug: test-archbee/how-to-set-up-logo-and-accent-colors
description: Learn how to brand and customize your website with appearance settings. This document provides step-by-step instructions on setting up a logo with a transparent background, selecting an accent color, and uploading a favicon. Discover the option to create
docTags: 
createdAt: 2023-01-10T13:32:31.000Z
---

Brand and customize your docs website using the appearance settings. 

To reach them, follow these steps:

::::WorkflowBlock
:::WorkflowBlockItem
Choose a space and click on the settings ( ⚙️ )
:::

:::WorkflowBlockItem
Click on **Apperance** tab from* Shared Public Docs Settings *group
:::

:::WorkflowBlockItem
Here you will find the banding options, like:

- [Accent Color](docId\:GU3HNdV9LLRtzdcBlH9N6)
- [Logo](docId\:GU3HNdV9LLRtzdcBlH9N6)
- [Favicon](docId\:GU3HNdV9LLRtzdcBlH9N6)
- [Logo URL Redirect](docId\:GU3HNdV9LLRtzdcBlH9N6) 
- along with other options for the portal template
:::
::::

## How to set up a Logo

Go to the **Appearance** tab and upload your Logo. The Logo should be a** .png **image with a **3**:1** aspect ratio**.

*Transparent background is recommended for clarity.*

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/__lPBM0R_CT69JkxxDsEV_logo-light.png)

## How to set up an accent color

Go to **Appearance** tab and set your **accent color** (light/dark mode) from here:

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/UOES9NgkaQi_K-7i-zdAB_accent-light.png)

## How to set up Favicon

Go to **Appearance** tab and upload your **Favicon**.

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/iDi5WN-f4pNnDJTOas6Lt_fav-light.png)

## Logo redirect URL

If you want your Logo to be **redirected to a custom page**, you can use the following option:

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/Q6seIBxe5rNPmfhd1BkJn_redirect-light.png)