❌ Empty States
This page contains samples for empty states that users come across in various scenarios.
👤 Empty Profile Page
Goal: Reduce friction and guide user action.
Before
After
🔍 No Search Results
Goal: Lighten the moment and offer a next step.
Before
After
📁 Empty File Directory
Goal: Provide encouragement and guide users on what to do next.
Before
After
🛒 Empty Shopping Cart
Goal: Make it clear the user can take action, such as adding items.
Before
After
📅 Empty Calendar
Goal: Encourage users to add events and populate their calendar.
Before
After
📧 Empty Inbox
Goal: Guide users to start using the inbox by explaining the action needed.
Before
After
🗂️ Empty Project List
Goal: Encourage users to create their first project and provide a clear call to action.
Before
After
🎥 Empty Video Library
Goal: Clarify how users can add videos and guide them to do so.
Before
After
📝 Empty To-Do List
Goal: Encourage users to add tasks and start organizing.
Before
After
💬 Empty Message Thread
Goal: Explain how to initiate a conversation or action.
Before
After
Last updated