Empty State Design Patterns for Every Product Context

Design a complete empty state system for [PRODUCT NAME], a [PRODUCT TYPE] with approximately [NUMBER] screens that can display empty content.\\\\\\\\n\\\\\\\\n**Empty State Categories:**\\\\\\\\n\\\\\\\\n1) First Use (never had data):\\\\\\\\n- Welcome message + value proposition\\\\\\\\n- Guided setup flow (1-3 steps)\\\\\\\\n- Primary CTA to create first item\\\\\\\\n- Illustration showing the feature's purpose\\\\\\\\n\\\\\\\\n2) No Results (search/filter returned nothing):\\\\\\\\n- Clear explanation of why no results\\\\\\\\n- Suggestions to broaden search\\\\\\\\n- Reset filters button\\\\\\\\n- Alternative navigation paths\\\\\\\\n\\\\\\\\n3) Error State (data failed to load):\\\\\\\\n- What went wrong (plain language)\\\\\\\\n- What the user can do (retry, contact support)\\\\\\\\n- Retry button with loading state\\\\\\\\n- Error code for support reference\\\\\\\\n\\\\\\\\n4) Cleared Data (user deleted everything):\\\\\\\\n- Confirmation that action was intentional\\\\\\\\n- Option to undo (if recent)\\\\\\\\n- CTA to create new content\\\\\\\\n- No blame language\\\\\\\\n\\\\\\\\n5) Permission Denied (user can't access):\\\\\\\\n- Why access is restricted\\\\\\\\n- How to request access\\\\\\\\n- Contact information for admin\\\\\\\\n\\\\\\\\n**For each empty state, define:**\\\\\\\\n- Illustration style and mood\\\\\\\\n- Copy template: headline (max 8 words) + description (max 2 sentences)\\\\\\\\n- CTA button text (action-oriented)\\\\\\\\n- Secondary action (if applicable)\\\\\\\\n- Spacing and layout rules\\\\\\\\n\\\\\\\\n**Copy Guidelines:**\\\\\\\\n- Tone: helpful, not apologetic\\\\\\\\n- Avoid: \\\\\\\\