> For the complete documentation index, see [llms.txt](https://docs.codenation.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.codenation.com/launching-time-to-go-live/add-a-logo.md).

# Add a logo

## Uploading a Logo

1. Navigate to **Site Settings**.
2. Select the **Logo** tab.
3. Upload the logo file you want to use.

<figure><img src="/files/-Lhen3qRU4AbKZ1HQUda" alt="Upload your logo under &#x22;Site settings&#x22; > &#x22;Logo&#x22;" width="375"><figcaption><p>Upload your logo under "Site settings" > "Logo"</p></figcaption></figure>

{% hint style="info" %}
For optimal display, we recommend using a logo with dimensions of 1200 x 400 pixels to maintain an aspect ratio of 3:1. However, there is no strict requirement on logo proportions, allowing some flexibility in size.
{% endhint %}

## Uploading a logo variant for dark background

If you have a separate white version of your logo intended for use on dark backgrounds, you can upload it to the "files" section with the filename "light-logo" of your websites homepage.  Once uploaded, this logo variant will automatically be used on pages featuring a content slider.

### Adding the light logo variant:

1. Navigate to **Your Site > Homepage** in NationBuilder.
2. Select the **Files** tab.
3. Upload the light logo file ensure the file name includes "light-logo.".

<br>