Helpful empty state

An empty state that explains why the page is empty and gives one relevant next action.

Define the goal first

This template is a starting point, not a finished product. Write down the question a reviewer should answer, then remove anything unrelated to it.

Replace the fixtures

Use representative fictional data and test long, empty, and error states. Never paste customer information, secrets, or production source you cannot publish.

Review before sharing

Test with a keyboard, a narrow viewport, and 200% zoom. Confirm asset rights and explain which behavior is simulated in the description.