Error state

Error states communicate that something failed or a resource could not be loaded. Copy must be specific, non-blaming, and actionable.

---

When to use

• When something fails or a resource cannot be loaded.
• When a user action fails to complete.

Style

• Be specific about what went wrong where possible.
• Offer a resolution step or next action.
• Do not use technical error codes as the primary message.
• Do not blame the user.

Example

Element	Example text
Title	Something went wrong
Body	There was an error creating your item. Try again or contact support if the problem continues.
Primary CTA	Try again