> 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/campana/launching-time-to-go-live/add-a-logo.md).

# Add a logo

Showcase your website's primary logo in the Navbar, while also serving as the default image in donation receipts and various sections of the control panel, including some email blast themes.

## 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="https://1948373163-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-LhedYWOXRRJGLooPW_6%2F-Lhen3qRU4AbKZ1HQUda%2FNB_logo.jpg?alt=media&amp;token=b74f99af-c9fd-4a86-a0ae-b37c0a5e6d74" 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>