# 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.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.intellectra.io/manual/styling.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.