Style

Style controls how your agent looks everywhere it appears. Set it once on the Style tab of the Launch page, and every placement inherits it. There’s a live preview alongside the settings, so you can see each change as you make it.

​

What you can set

• Font and Font color for the chat.
• Primary color, used for buttons and accents. Match your brand’s primary or a strong accent color.
• Background color of the chat surface.
• Corner radius, from sharp 0px corners to fully rounded 32px. Match whatever your site’s buttons and cards do.
• Animation style for the agent’s ambient gradient: Ember, Nebula, Beam, or None.
• Show shadow behind input, a subtle depth effect on the text field.
• Show Powered by Anagram, which toggles the small attribution line.

​

Per-placement overrides

Occasionally one placement needs to look different, like a dark-themed landing page while the rest of your site is light. Individual placements can override parts of the shared style in their editor. Anything you don’t override keeps following the Style tab, so a later brand-color change still flows through everywhere. Keep overrides rare. The point of one shared style is that shoppers recognize the agent as the same assistant across your site.

​

Form factor settings live with the placement

Button color and icon for the floating button, panel title, panel image, and panel position all belong to the individual placement, not the Style tab, because they can reasonably differ per spot.