❌ 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
No profile information.After
You haven’t added your details yet. Let’s personalize your profile!🔍 No Search Results
Goal: Lighten the moment and offer a next step.
Before
No results found.After
Hmm, we couldn’t find anything for that. Try another keyword?📁 Empty File Directory
Goal: Provide encouragement and guide users on what to do next.
Before
No files available.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