Empty state design
Designs an empty state — illustration, headline, sub, primary action — for any screen.
Empty states are first impressions for new users. They deserve more than a sad cloud.
The prompt
Copy this into ChatGPT, Claude, Gemini or any assistant you already use — then paste your own screen + user context underneath it.
Design an empty state. Output: **Illustration brief** (1 line) **Headline** (≤ 6 words, no apology) **Sub** (≤ 20 words, says what this section will hold + the next step) **Primary action** (button text + what it does) **Secondary action** (optional — "Learn more" / "Import from CSV") **Tone** check (matches brand voice) Rules: - No "Oops, nothing here yet". - Headline + sub must teach + invite. - Always include a primary action.
Example input
Screen: Tasks list, empty for first-time user.
Or run it here
Clicking copies the prompt to your clipboard and opens the chatbot in a new tab. Gemini doesn't accept URL params — paste manually with Ctrl/Cmd+V.
Related prompts
Reviews a screen description and lists usability issues ranked by severity.
Reviews a form for length, field order, error handling, mobile readiness.
Reorganises a product's navigation — top-level, sub-nav, footer — based on user tasks.
Identifies cognitive load hotspots on a screen — what the user has to hold in working memory.
Maps the first 5 minutes — what the user sees, does, and learns to reach first value.
Plans how a desktop layout adapts at tablet + mobile — what stacks, what hides, what changes.
Browse the full free AI prompt library or see more ux / ui prompts.