❌ 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
You haven’t uploaded any files yet. Click "Upload" to add your first file.🛒 Empty Shopping Cart
Goal: Make it clear the user can take action, such as adding items.
Before
Your cart is empty.After
Looks like you haven’t added anything to your cart yet. Browse our products and start shopping!📅 Empty Calendar
Goal: Encourage users to add events and populate their calendar.
Before
No events scheduled.After
You don’t have any events yet. Click "Add Event" to get started.📧 Empty Inbox
Goal: Guide users to start using the inbox by explaining the action needed.
Before
No messages.After
Your inbox is empty. Start a conversation by clicking "New Message."🗂️ Empty Project List
Goal: Encourage users to create their first project and provide a clear call to action.
Before
No projects found.After
You haven’t created any projects yet. Click "New Project" to get started.🎥 Empty Video Library
Goal: Clarify how users can add videos and guide them to do so.
Before
No videos available.After
No videos in your library yet. Click "Upload" to add your first video.📝 Empty To-Do List
Goal: Encourage users to add tasks and start organizing.
Before
No tasks.After
You haven’t added any tasks yet. Start by clicking "Add Task."💬 Empty Message Thread
Goal: Explain how to initiate a conversation or action.
Before
No conversations.After
Start a conversation by clicking "New Message" or selecting a contact.Last updated