❌ 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.