🎨  Web Chat Appearance

This section allows you to customize the look and feel of the chat interface learners see when interacting with your AI Assistant on web platforms. Design your assistant to match your brand identity and create an engaging, learner-friendly environment.

Avatar Image

Upload an Avatar that represents your AI Assistant visually in the chat. This could be a mascot, an icon or a character image.

<aside> 📐

PNGs with transparent backgrounds work best.

</aside>

Chat Interface Settings

These control the color and design of the chat bubbles and interface elements.

You can fine-tune:

• AI Assistant Chat Bubble Color

  Set the color for the assistant’s messages.

• AI Assistant Chat Text Color

  Choose a readable color for the assistant’s text.

• Learner Chat Bubble Colour

  Define the color of messages coming from the learner.

• Learner Chat Text Colour

  Set the text color inside the learner’s chat bubbles.

• Button Colour

  Adjust the color for buttons (e.g., prompts, suggestions).

• Button Text Colour

  Set the text color that appears on buttons.

  

  Use your institution’s brand colour for a more professional and consistent look