Flows
Components
PATTTTERNS - An open catalog of design patterns | Product Hunt

Made with 💙 by Pablo Armenv2.1.20

/
/
Home
/Patterns
/66. Actionable Empty State

Actionable Empty State

 DesktopOnboardingAwarenessWeb

Generated Description

This empty state provides a clear call to action, guiding users to initiate content creation and overcome initial blank canvas paralysis.

View more...

Pattern Metadata

Released: Apr 5, 2021

Updated: May 28, 2026

Version: 2.1.19

Was this useful?

Export components

BETA

This pattern is ready to use on your codebase.

Sign in to preview and download component code for 66. Actionable Empty State.

Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
English
Description
This empty state provides a clear call to action, guiding users to initiate content creation and overcome initial blank canvas paralysis.
VotesUp
VotesDown
Pattern ID
66
UX Flows
Onboarding
Awareness
UI Components
Loader
Empty State
Version
2.1.19
Google SlidesWhy is this a good pattern?
 

Google Slides

notion image
notion image
 

Why is this a good pattern?

  • Show and make it easy to find the first action without navigating menus.
  • Use object-context to link the actionable element where the object should be created.
  • Dotted line and italic text reinforce the actionable element.
 

Still searching?

Tell us what's missing, and we'll help you find it.

Send feedback