Empty States

Types

1. First-use: User hasn't created anything yet. This is onboarding.
2. No results: Search or filter returned nothing. Help them adjust.
3. Cleared: User deleted everything. Celebrate or guide next action.
4. Error: Data failed to load. Explain and offer retry.

Structure

[Optional illustration]
Headline: What belongs here (not "Nothing here")
Body: Why it's valuable to add something (one sentence)
CTA: Single clear action to fix the empty state

Examples