UX Patterns
Empty State
UXempty statenew userguidanceillustration
The UI shown when a section has no data yet — an opportunity to guide or delight.
When to use
- First-time views before any data exists (new account, empty project)
- Search results with no matches
- Use it to explain what the section does and provide a clear CTA to populate it
Examples
- 'No boards yet — create your first one' with a + button
- Search returning 0 results with suggestions
See this in the wild
Analyze a site and look for empty state in the breakdown.
