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

# Branding

> This section lets you personalize the look and feel of your support agent's chat interface, creating a branded experience for your customers.

## Business Logo

<img width="500" src="https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?fit=max&auto=format&n=hcUs8_7_mS_pXUWg&q=85&s=447881b7fb1004761343ac8ced93bcbc" data-path="Support-Agent/Create-Agent/images/10.png" />

Upload your business logo to display on the agent’s chat interface. If no logo is uploaded, the default CiaraAI logo will be used.

## Chat Bubble Icon

<img width="500" src="https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?fit=max&auto=format&n=hcUs8_7_mS_pXUWg&q=85&s=a64028ee35fceb2034a58be78d6a2802" data-path="Support-Agent/Create-Agent/images/11.png" />

Upload an icon to be displayed on the chat bubble. You can also change the bubble's background color. If no icon is uploaded, the default CiaraAI icon will be used.

## Chat Message Fonts

<img width="500" src="https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?fit=max&auto=format&n=hcUs8_7_mS_pXUWg&q=85&s=9a723bb71ffc2545ff63ecdb039db16b" data-path="Support-Agent/Create-Agent/images/12.png" />

Select one font from a set of six available options in the Font dropdown: `Inter`, `Roboto`, `Montserrat`, `Raleway`, `Sitara`, and `Urbanist`. If no font is selected, Inter will be used by default.

## Agent Message Colors

<img width="500" src="https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?fit=max&auto=format&n=hcUs8_7_mS_pXUWg&q=85&s=ebedb2e549a2fa139db55cd4803f1438" data-path="Support-Agent/Create-Agent/images/13.png" />

Choose the background and font color for the messages sent by the agent. You can select colors from a palette or enter the color hex codes.

## Customer Message Colors

<img width="500" src="https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?fit=max&auto=format&n=hcUs8_7_mS_pXUWg&q=85&s=bd86b68a7d875da48614655ca1f2c941" data-path="Support-Agent/Create-Agent/images/14.png" />

Choose the background and font color for the messages sent by the customers. You can select colors from a palette or enter the color hex codes.

## Prompt Customization

<img width="500" src="https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?fit=max&auto=format&n=hcUs8_7_mS_pXUWg&q=85&s=93e63d636630567ffeddf8ed911d0991" data-path="Support-Agent/Create-Agent/images/15.png" />

Customize the prompts from the agent by choosing the background color, and the font and border color for the prompt text. The prompt background color is set at **30%** opacity, changing to **60% opacity on hover**.
