Customizing the Theme
This section allows you to define the color scheme of your Agent, ensuring it matches your brand and provides a pleasant user experience.
After setting up your custom knowledge base, you’ll move on to personalizing the look and feel of your AI Agent with the theme section. This section allows you to define the color scheme of your Agent, ensuring it matches your brand and provides a pleasant user experience.
Theme Configuration
In the theme section, you can customize various color elements:
Primary Color:
The main color that defines your AI Agent’s interface. This color is used for significant elements and helps establish your brand identity.
Secondary Color:
A complementary color that is used to highlight secondary elements within the Agent interface.
Text Primary Color:
The color for the main body of text. Ensure this color contrasts well with the background for readability.
Text Secondary Color:
Used for secondary text elements or subtitles. Like the primary text color, it should offer sufficient contrast.
Error Color:
The designated color for error messages or warnings. This color should be noticeable to alert users when something isn’t working as expected.
Testing and Preview
Test Agent Feature:
After setting your colors and saving, click on the “Test Agent” button located at the top of the page -available only on desktop view-. This preview feature lets you see how your AI Agent will look with the chosen color scheme, allowing you to adjust the settings as needed.
Best Practices for Color Selection
Contrast Is Key:
Ensure that your primary color and text primary color do not blend together (e.g., avoid using white for both), as this will make the text hard to read.
Complementary Choices:
Similarly, make sure that your secondary color and text secondary color have enough contrast to maintain readability and visual appeal.
Consistent Branding:
Choose colors that align with your overall brand and website design to create a seamless user experience.
Last updated