> For the complete documentation index, see [llms.txt](https://docs.udara360.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.udara360.io/core-features/e-channels/internet-banking/theme-setup.md).
# Theme Setup
The Theme Setup page allows you to customise the visual appearance and branding of the internet banking channel within Udara360, including the platform name, colour palette, typography, app store links, support contact details, and the images displayed across the login page, onboarding screens, and banners. Changes made here are reflected directly in what customers see when they access internet banking. The setup is organised into six steps, each covering a different aspect of the theme. This guide will walk you through configuring each step.
## Accessing Theme Setup
1. Log into the application using your credentials.
2. From the dashboard, navigate to **E-Channels** in the side menu.
3. Expand **Internet Banking** and Select **Theme Setup** from the dropdown list
## Configuring Theme Setup
### General Information
This step covers the platform's identity, colour scheme, and support contact details.
Fill in the following fields under General Information:
| Field | Description |
| ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Name | The name of the internet banking platform |
| Prefix | The institution prefix displayed on the platform |
| Email | The institutional email address |
| SEO Keywords | Keywords used for search engine optimisation |
| Domain Name | The URL of the internet banking platform |
| Play Store Link | The link to the app on Google Play Store |
| App Store Link | The link to the app on Apple App Store |
| Preferred Fonts | The font used across the platform; select from Bricolage Grotesque, Fira Sans, IBM Plex Sans, Inter, Jost, Karla, Lato, Lora, Merriweather, or Montserrat |
| Preferred Design | The layout design; Design A or Design B |
Under Colour Palette, set the following:
| Field | Description |
| --------------------------- | ----------------------------------------- |
| Theme Primary Color | The main brand colour |
| Theme Light Primary Color | A lighter variant of the primary colour |
| Theme Secondary Color | The secondary brand colour |
| Theme Light Secondary Color | A lighter variant of the secondary colour |
Under Support Information, fill in the following:
| Field | Description |
| --------------------- | ------------------------------------ |
| Facebook | The institution's Facebook URL |
| Instagram | The institution's Instagram URL |
| Twitter | The institution's Twitter/X URL |
| Website | The institution's website URL |
| Support Email | The customer support email address |
| Support Phone Number | The customer support phone number |
| WhatsApp Phone Number | The customer support WhatsApp number |
| Address | The institution's physical address |
Click **Next** to proceed to the next step.
### Login Page Image
This section enables you to upload or update the image shown on the login page, helping to create a branded and welcoming first impression for users accessing the platform.
**Steps:**
1. Upload the image displayed on the internet banking login page.
2. Click the **upload area** to select the **Login Page Image** from your device
3. Click **Next** to proceed
### Logo Image
Here, you can upload the bank or application's official logo. This logo will be displayed across the platform, reinforcing the brand identity.
To upload the institution's logo displayed across the internet banking platform:
1. Click the **upload** area to select the **Logo Image** from your device
2. Click **Next** to proceed
### Onboarding Navigation Image
In this section, you can set an image for the onboarding navigation page. This image helps create a consistent visual experience for users during the onboarding process.
To upload the background image displayed on the onboarding navigation screen:
1. Click the **upload** area to select the **Onboarding Nav Background** Image from your device
2. Click **Next** to proceed
### Favicon Image
This section allows you to set the favicon, a small icon displayed on browser tabs, which makes it easy to identify the platform among multiple open tabs.
To upload the favicon displayed on the browser tab when customers access internet banking:
1. Click the **upload** area to select the **Favicon Image** from your device
2. Click **Next** to proceed
### Left & Right Banner
This section lets you add banners that will be displayed on the platform's left and right sides. Banners can highlight promotions, announcements, or important updates to users.
To upload the banner images displayed on the left and right sides of the internet banking interface:
1. Click the **upload** area to select the **Left Banner Image** from your device
2. Click the **upload** area to select the **Right Banner Image** from your device
3. Click **Save** to apply all theme changes
{% hint style="info" %}
All six steps must be completed before clicking Save. Clicking Previous at any step takes you back to the previous one without losing your entries..
{% endhint %}