Status Colour Conventions
1. Status Colour Conventions
Use status colours consistently, but never communicate state by colour alone.
Semantic state | Common class | Meaning |
|---|---|---|
Success |
| Healthy, complete, or working |
Information |
| Neutral information or newly created state |
Warning |
| Attention needed or threshold approaching |
Danger |
| Error, offline, blocked, or action required |
1.1. Accessibility
Add clear text or an icon alongside colour
Check contrast in light and dark layouts
Do not repurpose semantic colours inconsistently within one workflow