> ## Documentation Index
> Fetch the complete documentation index at: https://mind-e.co/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Chat Appearance

> Customize the look and feel of your chat widget — colors, fonts, avatars, and more.

You can customize how your agent's chat widget looks to match your brand. All appearance settings are in your agent's **Settings** tab under the appearance section.

## Welcome messages

| Setting           | Description                           | Default                                                    |
| ----------------- | ------------------------------------- | ---------------------------------------------------------- |
| Welcome title     | Main greeting when the chat opens     | "Hi! How can I help you today?"                            |
| Welcome subtitle  | Secondary text below the title        | "Ask me anything! I'm here to help answer your questions." |
| Input placeholder | Placeholder text in the message input | "Type your message..."                                     |

## Colors

You can set two colors:

* **Primary color** — used for the chat bubble, header, and accent elements
* **User message color** — the background color of user messages

Each color supports two modes:

* **Solid** — a single color (e.g., `#6f42c1`)
* **Gradient** — a gradient with angle and multiple color stops (e.g., `#6f42c1` to `#b36ffb` at 180 degrees)

The default primary color is a purple gradient (`#6f42c1` to `#b36ffb`).

## Fonts

Choose from these font families:

| Font                 | Script       |
| -------------------- | ------------ |
| Poppins              | Latin (LTR)  |
| Inter                | Latin (LTR)  |
| Roboto               | Latin (LTR)  |
| Open Sans            | Latin (LTR)  |
| Nunito               | Latin (LTR)  |
| Lato                 | Latin (LTR)  |
| Montserrat           | Latin (LTR)  |
| Cairo                | Arabic (RTL) |
| Tajawal              | Arabic (RTL) |
| IBM Plex Sans Arabic | Arabic (RTL) |

<Tip>
  If your audience uses Arabic or another RTL language, select an Arabic font and set the chat direction to **RTL**.
</Tip>

## Avatars

Upload custom images for:

* **Profile avatar** — shown in the chat header
* **Chat avatar** — shown next to agent messages in the conversation
* **Bubble icon** — the icon on the floating chat widget button

## Chat direction

* **LTR** (left-to-right) — default, for English and most languages
* **RTL** (right-to-left) — for Arabic, Hebrew, and other RTL languages

## Widget position

Choose where the floating chat bubble appears on your website:

* **Bottom-right** (default)
* **Bottom-left**

## Feature toggles

| Setting       | Description                                      | Default  |
| ------------- | ------------------------------------------------ | -------- |
| Enable audio  | Allow text-to-speech playback of agent responses | Enabled  |
| Enable images | Allow users to upload images in the chat         | Disabled |

When image uploads are enabled, users can send up to **4 images per message** (max 10 MB each, formats: JPEG, PNG, GIF, WebP).

## Preview

Changes are shown in a live preview as you make them. Click **Save** to apply the changes to your live widget.