> For the complete documentation index, see [llms.txt](https://help.intellectra.io/manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.intellectra.io/manual/styling.md).

# Styling

## 👁️ Your Visual Identity

Intellectra gives you the power to shape the visual identity of your platform. Customizing your platform's design ensures a unique and professional appearance that aligns with your brand. 

Navigate to **Settings > Branding** to access these customization options below.

***

## 🎨 **Theme Colors: #**

* **Primary Color:** Reflects in the loading bar, widgets, and lesson selector borders.
* **Progress Bar Color:** Influences the color of progress bars in the menu, course, modules, and lesson sections.
* **Buttons Color:** Determines the color of all buttons on your platform. Choose a button color that ensures clear readability for users.

***

## 🖼️ **Logo:**

Your logo appears within the platform and, in some instances, on the login and checkout pages.

***

## 🔑 Login Page Graphic:

Enhance your brand's presence by selecting either a video or image to be displayed at the login page of your platform.

* **Video:** Displays a video on the login page with dimensions 1080 x 1920px.
* **Image:** Displays an image on the login page with dimensions 1080 x 1920px.

<div align="left"><figure><img src="/files/KlZVVnzhhgIkQQ5vvxgw" alt="" width="563"><figcaption></figcaption></figure></div>

***

## 🌐 Favicon:

The favicon is the small image displayed next to the URL of your platform, visible across all your platform's pages.

*Recommended Dimensions: 100 x 100px.*

<div align="left"><figure><img src="/files/SCWBhhuJ9B5kZFLaoOAN" alt=""><figcaption></figcaption></figure></div>

***

## 📱 App Icon for Home Screen

This icon is the visual representation of your platform when users add it to their phone's home screen through a web browser. It serves as a recognizable and convenient shortcut, ensuring quick access to your platform with just a tap.

*Recommended Dimensions: 100 x 100px.*

<div align="left"><figure><img src="/files/z3sICQTj5cbnaAJR3nCI" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/cqsXov4UfBCaPbzYOeHW" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="warning" %}
Please note that adding a home screen icon is not a method for making your platform available as a native app in the app stores. Please contact us for more information on our packages and to obtain your own branded mobile app on the **App Store** and **Google Play.**
{% endhint %}

***

## 📢 Intellectra Branding

Choose whether to display the 'Powered by Intellectra' message with your referral link across your platform. When users sign up through your link, you'll earn a 20% commission on each monthly or yearly payment.

You can choose to place it on or hide it from your platform's sidebar, checkout/landing pages, and login/sign-up pages.