States

An inline message with a tone — info, success, warning, destructive — a title and a description.

The placeholder for a region with nothing to show yet: an illustration, a message and the action that fills it.

The panel for a failed load or action: what went wrong and how to retry.

The illustration set behind the empty, error and loading states: token-coloured, legible at small sizes and matched to both themes.

The placeholder shown while a region loads: a layout-shaped skeleton or a spinner with a message.

Loading placeholder.

Unified state panel covering empty, error, and loading states.

Mount once near the app root.