Patterns · Feedback / Empty state
Empty state
What a list or section shows when there is nothing in it yet.
How it works
inboxNothing yetOne line on what will appear here
Icon in a pale circle, a title, one line and the one action that fills it.
Variants
| Variant | When | Difference |
|---|---|---|
| First use | Nothing has ever been added | Action that adds the first item |
| No match | Search or filter hides everything | "Clear filters" as the action |
| All done | Everything is handled | No action |
Rules
- Never a blank screen.
- The line says what will appear, not how the feature works.
- The add button on the screen stays visible.
Seen in
AssessmentsMedicalGRC
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.