# Layout

{% hint style="warning" %}
We recommend testing images to ensure it contrasts well with the foreground before deploying.
{% endhint %}

## Landing Page

Choose the type of background and the logo to use on the Aiimi Insight Engine landing page.

**Background image:** Select this to use an image for your landing page background. It will use the Additional background Image used for the login page.

**Background colour:** Select this to use a colour for your landing page background.

1. Hex colour: Enter the hex code value for the colour you want to use for the background.&#x20;
   * The text contrast check will check if this colour is accessible with our dark text.

### Change the Landing Page Logo

1. Select Upload a Logo.
2. Within the modal, drag and drop the logo

Or

2. Select Upload a Logo.
3. Select Choose a file to open up your file explorer.

<figure><img src="https://content.gitbook.com/content/TeIpIDd1NvvE3B8SW7eS/blobs/1s0HlyQuvT8aFOh0mdwA/image.png" alt="" width="563"><figcaption></figcaption></figure>

***

## Site Logo

Choose a logo to use in the navigation bar, on the login page. You can also customise where selecting the logo will take you.

1. Select Upload a Logo.
2. Within the modal, drag and drop the logo

Or

2. Select Upload a Logo.
3. Select Choose a file to open up your file explorer.

### Navigation

**Landing Page:** Select this to take users to their landing page when they select the logo.

**Custom Page:** Select this to take users to a different URL when they select the logo.

1. Specify where users will be taken by entering the URL into the Custom page URL.

<figure><img src="https://content.gitbook.com/content/TeIpIDd1NvvE3B8SW7eS/blobs/Hfc9UOuPdmwqCc38dOgB/image.png" alt=""><figcaption></figcaption></figure>
