# 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="https://2029999482-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LeL-FYaRUlvUn8HHUaD%2F-LhedYWOXRRJGLooPW_6%2F-Lhen3qRU4AbKZ1HQUda%2FNB_logo.jpg?alt=media&#x26;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>