Empty States Blocks

An inbox-zero empty state for an empty notifications list, with an icon, title, description, and an action.

An empty inbox state centered in a solid-bordered card panel, featuring a muted illustration placeholder with a decorative box grid and inbox icon, a title and description, plus primary and secondary (link) action buttons with a support link below a separator.

A 'no results found' search empty state with an icon, helpful guidance, and a clear-filters action, in a bordered card.

An error empty state for a failed data load, with a destructive accent and retry and contact-support actions.

A first-run empty state prompting the user to create their first project, with primary and import actions and a tips row.

Pro empty-states: a 'connect your first source' state with an animated shimmering skeleton-record illustration, primary and secondary actions, and a quick-guides card row.

Pro empty-states: a 'no brief ready yet' two-column split with a copy card on the left and an animated forming-document mock inside corner brackets on the right.

Pro empty-states: an interactive drag-and-drop import dropzone that runs an upload progress bar and blur-swaps to an animated success state.

Pro empty-states: an 'invite the first people in' state with an animated fanned card-stack illustration, a copy-invite-link success swap, and a suggested-teammates list.

Pro empty-states: a 'launch the team workspace' guided onboarding state with two primary setup actions and a stack of suggested next-step cards.

Pro empty-states: a 'blueprint library' illustration-left / text-right split with a floating isometric layered-plate illustration and create/import actions.

Pro empty-states: a 'dashboard ready to fill' state where the empty-state card floats over a faint skeleton dashboard mock the data will populate.

Pro empty-states: an 'enable organizations' settings-panel state with a floating isometric illustration, a primary enable action, and a learn-more footer strip over a masked corner net.