Web & apps
Empty state illustration template
Make the empty state approachable while supporting a useful next action. Customize the creative brief and style settings.
Use this design briefEditable starter · English content
Design goal
Make the empty state approachable while supporting a useful next action.
Inside the template
Your starting brief
Create an empty-state illustration for [your product screen]. Explain why the screen is empty and the actual next action. Specify the image area and existing UI style; leave instruction text to the surrounding interface.
Style settings
- Light visual weight
- Contextual metaphor
- Uncluttered composition
Design assets are visuals such as packaging, logos, or ad images. This brief helps you create them; finished artwork is not included.
How to use this starter
- When should I use this design brief?
- Use this when you want to make the empty state approachable while supporting a useful next action.
- What should I customize before starting?
- Explain why the screen is empty and the actual next action. Specify the image area and existing UI style; leave instruction text to the surrounding interface.
- What should I review in the artwork?
- Review the image in the actual screen layout and at small sizes. The output is a visual asset concept, not a functioning interface.
- What opens when I use this template?
- The design editor with the creative brief and style settings shown here. The template contains no finished artwork. Replace the placeholders, then generate or upload your own visuals.
Put your design in front of an audience
Explore a related starter or browse the full collection.