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

# Style

> Make the agent look like part of your brand, not a bolted-on widget.

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](/launch/placements), not the Style tab, because they can reasonably differ per spot.