Forms & Microcopy
Empty states
An empty screen should explain what goes there and how to fill it.
See it
Don't
- No explanation of what goes here
- No action to get started
Do
📁
No projects yet
Projects hold your files and feedback in one place.
Create your first projectWhy it matters
An empty screen is an onboarding moment. Explain what goes here and give one clear action to fill it.
How to apply it
- Say what this area is for in one line
- Give one clear action to get started
- Offer sample content or a template when you can
Common mistakes
- No data
- Blank screens with no guidance
Quick answers
What is Empty states?
An empty screen should explain what goes there and how to fill it. An empty screen is an onboarding moment. Explain what goes here and give one clear action to fill it.
How do I apply Empty states in UI design?
Say what this area is for in one line. Give one clear action to get started. Offer sample content or a template when you can.
What are common mistakes with Empty states?
No data. Blank screens with no guidance.