7 patterns

Error & empty-state patterns

The failure states — 404, 500, offline, maintenance, no-results, no-permission, no-data. Patterns make even the broken paths feel designed rather than forgotten.

404 — not foundThe route exists in the router but the resource is missing.

500 — server errorUnhandled exception or upstream failure.

MaintenancePlanned downtime page.

No resultsSearch or filter returned zero results. Different from no-data (resource itself has nothing). The user typed or filtered into an empty intersection.

No dataList / table / dashboard surface has zero records. The first-use state for a brand-new resource. Different from no-results (a query returned nothing).

No permissionUser has access to the screen URL but lacks role to see / act on its data.

OfflineNetwork unavailable. Show cached content + offline banner.

Related

Auth page patterns

Onboarding page patterns

Billing page patterns

Build error & empty-state patterns on your system.