...

They can apply to various patterns, including Data tables, Lists, and Dashboards.

...

Types

Type	Usage	Image
Illustration	Use: where there is sufficient space to display the illustration. in the main workspace when there is only one empty state shown. in the Details Pane. All illustrations are animated.
Icon	Use: where space is limited. in the main workspace when there are multiple empty states across different containers.

...

• A visual, either an illustration or an icon.

• A short message describing the state and recommended actions.

• A Dialog button or a Text link, guiding the user to perform a relevant action. (Optional).

...

• Empty state illustrations and icons are not interactive.

• The message may contain an additional Dialog Button or Text Link.

• When an empty state is embedded within a container, the rest of the application should remain active.

...

• Use short, clear, and informative messages underneath the visual.

• Guide the user to perform a relevant action.

Don’t:

• Leave a the content area completely blank without an empty state visual - this creates confusion for users.

• Include links to irrelevant actions.

...