Live preview · real tokens, not a screenshot
When to pick it
A calm, healthy palette for wellness, sustainability and healthcare products, where a saturated brand colour would feel aggressive. The extra internal padding slows the eye down, which suits a bot that is answering carefully rather than quickly.
How it is built
Padding is one step larger than every other design in the gallery, and line-height one step looser. Spacing carries the mood here, not colour.
Accessibility
12.8:1 body text. Mint green is a fill colour only.
Every design in this gallery states that it is an AI assistant at the start of the conversation and honours prefers-reduced-motion. Neither is configurable, because both are obligations rather than preferences.
Good fit for
- Healthcare
- Wellness
- Sustainability
- Non-profits
Source code
Take Mint anywhere.
You can deploy this design through ChatBrace on any plan, including the free trial — that never changes. A paid plan also gets you the standalone HTML, CSS and JavaScript for it, to drop into a project of your own with or without ChatBrace behind it.
Seven designs ship their source to everyone, no account needed.
Put it on your site
before you finish your coffee.
A hundred free messages, no card, and a playground to try it in before you touch a single line of your own markup.