StatusDot

A small colored dot plus a label that names the status. The label always carries the meaning — colour alone never does — and the dot itself is aria-hidden. Preferred over colour-only pills.

Statuses

OCSS conformance

success / warning / danger map to the OCSS conformance contract.

Pulse (reduced-motion safe)

A pulsing halo signals a live state. Under prefers-reduced-motion: reducethe animation is dropped and a static halo remains, so "live" still reads as distinct.