Foundations / Status
Status
Each meaning has one colour pair, used the same way everywhere.
Meanings
| Meaning | Examples | Phone | Tablet | Fill · text |
|---|---|---|---|---|
| Positive | Active, approved, entry, done | Status | Status | Positive #E1F9ED · Dark green #006D35 |
| Pending | Upcoming, waiting, draft | Status | Status | Amber light · Amber #E4B819 |
| Negative | Expired, rejected, denied | Status | Status | Red light · Red #E93353 |
| Cancelled | Cancelled | Status | Status | Coral light · Coral #FA6140 |
| Neutral | Exit, inactive | Status | Status | Light grey · Ink #44544A |
Where status shows
| Form | Used on | Page |
|---|---|---|
| Status label | Every record | Status label |
| Status bar | Request and approval cards only | Request card |
| History dot | A record's history | History |
| Result screen | The outcome of a check | Result layout |
Rules
- Status is said once on a card.
- Pending has low contrast: keep the label short or add an icon.
- A wait or a reason is not a status; it goes in the history or a note.