# States Block

The States Block is a full-screen layout used to communicate a process state: loading, success, or error. It centers a status icon, a title, and supporting text — replacing the standard screen layout while the system processes or delivers a result.

<Frame caption="States Block — anatomy, variants, and states (from the Prizma reference)">
<Image src="/assets/design-and-ux/states/preview.png" alt="States Block component reference" />
</Frame>

> 📘 Component tokens
>
> The color tokens for this component live in [Color → Tokens](/design-and-ux/color/), and its spacing, radius, and type map to the shared foundation scales.