Zero State

Definition

Zero State refers to the interface state when there is no content available or no actions have been taken by the user, such as an empty inbox, an empty cart, or a new account with no data. A well-designed zero state provides helpful guidance, examples, or calls to action to engage users and encourage them to begin interacting with the system. It is a chance to offer users clear instructions on how to populate the interface or take their next steps.

Why it matters

Zero states are the moment of highest leverage in your product — a new user's first session is where you either hook them or lose them forever. A thoughtfully designed zero state communicates the value of a full state, provides a specific and easy starting action, and uses real examples rather than generic placeholders. For SaaS products, investing design time in zero states often produces larger activation improvements than any other change because it affects every single new user.

Real-world example

Render's 'You haven't created any services yet' screen surfaces four specific next actions (Deploy a Web Service, Deploy a Static Site, Create a Postgres database, Explore all service types) — turning an empty state into a guided decision tree.

Render zero state no services yet empty dashboard actions
All design terms
Confused about
Zero State
?
Design is fun, but it's not easy.
Get help from a senior designer.
Start your project with us!
Start a project