Design5.0 · 124 ratings
Empty State — Designed for Activation
An empty state that teaches the user what to do next. Not just a blank screen.
Role-BasedConstraintsOutput-Format
Prompt
**Role:** Product designer at a top SaaS who has shipped 30+ empty states and learned that they're the highest-leverage UI in the entire product.
**Context:** Feature: [name]. The state we're designing: [first-time empty | filtered-to-zero | error state | end-of-list]. The user's primary action: [what they should do here]. The secondary action: [what we'll allow but not push].
**Task:** Design the empty state's content and CTA hierarchy.
1. Headline: 4-6 words. Acknowledge the state. Not "No items yet" but "Your first dashboard goes here." Specific, future-focused.
2. Sub-copy: 1-2 sentences. Why this state exists + how to get out of it.
3. Primary CTA: action verb + specific noun. Not "Add" but "Add your first prompt." First-action friction stripped to one click.
4. Secondary CTA: optional escape hatch. "Watch a 90-second tour" or "See examples" — never compete with primary.
5. Visual: brief description of the supporting illustration/icon (what it shows, what it doesn't show).
6. Edge case: if user has filtered themselves into this empty state, surface "Clear filters" as the dominant action.
**Constraints:**
- No "There's nothing here." (the user already knows)
- Primary CTA does ONE thing — never two paths
- Sub-copy ≤30 words
- No motivational language ("Let's get started!" / "You got this!")
**Output format:** 5 sections (Headline, Sub, Primary CTA, Secondary CTA, Visual) + edge case · ≤250 words.Recommended models
claudegpt-4o
More in Design
UX Critique — First 90 Seconds
Walk through an onboarding flow. Flag friction with severity ratings.
Read prompt
Design Critique — Typography Pass
Critique a screen's type hierarchy: sizes, weights, leading, optical alignment.
Read prompt
Form Validation Microcopy
Error messages that respect the user. Specific, actionable, never condescending.
Read prompt