# 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="https://190873925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F73EgIjfvme6LfKIewo4v%2Fuploads%2FfcmSKVrUQtwv8i6MVfcf%2Flogin%20sc.png?alt=media&#x26;token=0aaa5dda-6725-4623-bddf-ef66c94ede61" 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="https://190873925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F73EgIjfvme6LfKIewo4v%2Fuploads%2FaTy5ghtfkgPXnQfhLfEd%2FScreenshot_6.png?alt=media&#x26;token=4aa21af8-6f66-4f7a-a178-772b3e8983d2" 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="https://190873925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F73EgIjfvme6LfKIewo4v%2Fuploads%2F7ZYIy9Yjm8dx8o2PVU3E%2FWhatsApp%20Image%202024-01-28%20at%2022.09.23_6d2b5062.jpg?alt=media&#x26;token=f91e44fa-ce36-45ab-a701-a93ccd1255d4" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="https://190873925-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F73EgIjfvme6LfKIewo4v%2Fuploads%2Fecuyu4AQSlNxhCz0OcVq%2FWhatsApp%20Image%202024-01-28%20at%2022.09.24_4d6b0bb9.jpg?alt=media&#x26;token=9b0b6aff-cee0-43ef-8bf7-26dd597ce515" 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.