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

# Look

## 🎨 Customize the Look of Your Agent

The **Look** tab helps you personalize your agent’s interface to match your brand and tone. Whether it's for internal use or external deployment, a polished visual identity increases engagement and user trust.

***

## 🖼️ Overview of Look Settings

When you open the **Look** section from the agent sidebar, you’re presented with a clear layout to modify various appearance-related fields.

<Frame caption="Look Settings Overview">
  <img src="https://mintcdn.com/aptlytechnologies/Oomvhw_D5bjA43Sl/images_new/agentsconsole/look1.png?fit=max&auto=format&n=Oomvhw_D5bjA43Sl&q=85&s=5d99d6ec35e22c282efc5bb91fb6afb0" alt="Look Overview Page" width="1033" height="1066" data-path="images_new/agentsconsole/look1.png" />
</Frame>

Here's what you can configure:

* **Agent Name**: Title shown on the agent header.
* **Splash Screen** and **Bubble Style** toggles: Switch between launch screen and chat styling.
* **Greeting Messages**: Two lines of welcome text for the splash screen.
* **Style Settings**: Colors for agent and human chat bubbles.

***

## 💬 Bubble Style View

Switching to the **Bubble Style** tab updates the chat view to resemble a real-time message flow. This is useful for tailoring agent interactions after the splash screen is dismissed.

Use this mode to:

* Match your **chat bubbles** to brand colors
* Preview how responses will appear in actual conversations
* Ensure a consistent, accessible user experience

<Frame caption="Bubble Style Tab in Action">
  <img src="https://mintcdn.com/aptlytechnologies/Oomvhw_D5bjA43Sl/images_new/agentsconsole/look2.png?fit=max&auto=format&n=Oomvhw_D5bjA43Sl&q=85&s=910c2b341bad9a8c130014c6d111150f" alt="Bubble Style Preview" width="1042" height="1066" data-path="images_new/agentsconsole/look2.png" />
</Frame>

***

## 🌍 Customize Greeting in Any Language

You can configure the initial greeting shown to users by updating **Greeting Message Line 1** and **Greeting Message Line 2**. This is perfect for multi-lingual agents or region-specific experiences.

<Frame caption="Greeting Messages in Different Language (Input)">
  <img src="https://mintcdn.com/aptlytechnologies/Oomvhw_D5bjA43Sl/images_new/agentsconsole/look3.png?fit=max&auto=format&n=Oomvhw_D5bjA43Sl&q=85&s=49ce7ea6dc0068bcf4fce724e208459c" alt="Edit Greeting Messages" width="1042" height="1066" data-path="images_new/agentsconsole/look3.png" />
</Frame>

Just replace the default text with your desired language. For example:

* Greeting 1: `Bonjour`
* Greeting 2: `Bonjour, je suis là pour vous aider. Que puis-je faire pour vous aujourd’hui ?`

***

## 👀 Preview Greeting in Splash Screen

After saving your custom greetings, the splash screen preview instantly reflects the new welcome messages.

<Frame caption="Splash Screen Greeting in Action">
  <img src="https://mintcdn.com/aptlytechnologies/Oomvhw_D5bjA43Sl/images_new/agentsconsole/look4.png?fit=max&auto=format&n=Oomvhw_D5bjA43Sl&q=85&s=8125e6bb2edff1e14ef4ca3f2be19eb4" alt="Greeting Applied in UI" width="1039" height="1063" data-path="images_new/agentsconsole/look4.png" />
</Frame>

***

## 🎨 Style Chat Bubbles

At the bottom of the Look tab, you’ll find **Style Settings** to update your agent's and user’s message bubbles.

* **Agent bubble style**: Set background and text color for agent replies.
* **Human bubble style**: Customize how user messages appear.

This helps match your brand identity and improves accessibility.

You can also upload avatar images to humanize your agent responses. Use familiar names like *Bob*, *Sarah*, or *Anna* to show who is replying within a group or team-based agent.

<Frame caption="Avatar Upload for Agent Responses">
  <img src="https://mintcdn.com/aptlytechnologies/Oomvhw_D5bjA43Sl/images_new/agentsconsole/look5.png?fit=max&auto=format&n=Oomvhw_D5bjA43Sl&q=85&s=729bf4e1d28cd350b819acd44c9272a8" alt="Agent Avatar Upload" width="1038" height="1066" data-path="images_new/agentsconsole/look5.png" />
</Frame>

Uploaded avatars will appear beside responses in chat, giving a personal and warm touch.

***

## 🧠 Humanization Settings & 🗣️ Text to Speech (TTS)

Two additional options help you make your agent more natural and accessible:

* **Disable Response Streaming**: Turns off token-by-token typing animation and shows full reply at once.
* **Enable TTS**: Allows your agent to speak replies out loud for enhanced accessibility or kiosk-style interfaces.

<Frame caption="Styling Options and TTS Toggle">
  <img src="https://mintcdn.com/aptlytechnologies/UkbTgxaKdDIfw3X1/images/botconsole/Look-settings.png?fit=max&auto=format&n=UkbTgxaKdDIfw3X1&q=85&s=3cd07fe617f5072b71720b5e5e63418b" alt="Styling and Voice Settings" width="1222" height="1066" data-path="images/botconsole/Look-settings.png" />
</Frame>

These features are especially useful for voice-first interfaces, multilingual agents, or for improving inclusivity.

***

<Check>
  By fine-tuning the Look settings, you ensure your agent not only sounds intelligent but also looks and feels aligned with your product’s tone and user expectations.
</Check>