Interface Design
The "User Interface > Interface Design" page brings together all the visual settings for your digital employee: logo, background, navigation appearance, and colour palette.
Logo
Upload your logo using the drag-and-drop area or by clicking "browse". The logo appears in the top left of the interface. Once uploaded, "Change file" and "Delete" options allow you to replace or remove it.
Background image
Choose a background image from the provided gallery, or upload your own. "Change file" and "Delete" options allow you to update or remove the current image.
Navigation display
Configure the visibility of the remote control and conversation mode access.
Remote control appearance
The dropdown sets the visual appearance of the remote control (e.g. Light mode).
The following checkboxes allow hiding individual elements:
| Option | Description |
|---|---|
| Hide the entire remote control | Hides the full side control panel. |
| Hide the sound button | Hides the sound toggle button. |
| Hide the subtitle button | Hides the subtitle toggle button. |
| Hide the history button | Hides the conversation history button. |
Browser features
| Option | Description |
|---|---|
| Detect user location from their web browser | If enabled, the digital employee can access the user's geographic location via the browser for skills that require it. |
Conversation mode display
| Option | Description |
|---|---|
| Hide access to voice mode | Hides the option to switch to voice mode. |
| Hide access to text mode | Hides the option to switch to text mode. |
At least one conversation mode must remain accessible. Both modes cannot be hidden at the same time.
Colours
Define the interface colours. The "Reset colours" button restores the entire palette to its default values.
Standard colours
Two primary colours applied across the entire interface:
| Element | Description |
|---|---|
| On dark background | Primary colour used on dark-background elements. |
| On light background | Primary colour used on light-background elements. |
Digital employee subtitle
Colours for the voice subtitle area:
| Element | Description |
|---|---|
| Background | Background colour of the subtitle area. |
| Text | Colour of the subtitle text. |
Content cards
Colours for media cards and their buttons:
| Element | Description |
|---|---|
| Background | Card background. |
| Border | Card border. |
| Text | Text displayed in the card. |
| Button — Background (default / hover) | Button background by state. |
| Button — Border (default / hover) | Button border by state. |
| Button — Text (default / hover) | Button text by state. |
Conversation mode selection screen
Colours for the mode selection screen displayed at launch:
| Element | Description |
|---|---|
| Loader — Background / Text | Colours of the loading indicator. |
| Voice mode / Text mode buttons — Background / Text | Colours of the mode selection buttons. |
| "Start conversation" button — Background, Border, Text (default / hover) | Colours of the start button by state. |
Text mode
Colours for the text conversation interface:
| Element | Description |
|---|---|
| Background | Background of the conversation area. |
| Border | Border of the conversation area. |
| User question text | Colour of the user's typed text. |
| User conversation bubble | Background colour of user message bubbles. |
| Employee response text | Colour of the digital employee's response text. |
| Employee conversation bubble | Background colour of the digital employee's response bubbles. |
Once you have defined the design, configure the Integration Type to choose how your digital employee appears on the web, then proceed to Deployment.