Layouts / Result layoutOpen in Figma
Result layout
ReadyFor the outcome of a check: whether something passed, failed or is not ready yet.
Regions
Placeclose
check_circle
Result
AB
Name
Detail
devices_other
Label
Value
| Region | Holds | Required | |
|---|---|---|---|
| 1 | Context and close | Where or what was checked, close | Yes |
| 2 | Result | 96 icon, 28 title, reference | Yes |
| 3 | Details | White sheet with who or what was checked | Yes |
| 4 | Action | One action, or Close | Yes |
Result colours
| Result | Backdrop | Icon |
|---|---|---|
| Passed | Positive #E1F9ED | Antz green tick |
| Failed | Red at 10% | Red shield |
| Not ready yet | Amber light | Amber shield |