Skip to content
Corner bubble

Signal

Near-black with one hot amber accent.

Northwind SupplyAI assistant
Do you ship to Germany?
Yes — standard delivery is 3–5 working days, and free over €60.Shipping policy

Live preview · real tokens, not a screenshot

When to pick it

The house design. One saturated accent against a near-black ground, used for exactly one thing at a time — the send button, or the active message, never both. The restraint is what makes it read as expensive.

How it is built

A single accent token drives the fill, the focus ring and the caret. Changing one hex re-skins the entire widget, which is the test of whether a palette is actually systematic.

Accessibility

Amber on near-black is 11.9:1 as text and is also safe as a fill with dark text at 12.4:1 — one of the few accents that works both ways.

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

  • Developer tools
  • Dark sites
  • Technical products

Source code

Take Signal 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.

Other corner bubble designs

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.