❌ 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