Error State Copy Generator

Clear, helpful error messages for user interfaces

Ad placeholder (leaderboard)

Error states are some of the most-seen screens in any app, yet they are often written last and badly. A clear error message tells the user what happened, that it is fixable, and what to do next. This generator produces that three-part copy for the six most common error conditions in three tones.

How it works

The tool looks up a copy template keyed by the error condition (404, network, validation, permission, server, timeout) and the tone (friendly, professional, technical). Every template returns the same structure that UX writing guides recommend:

heading  — what happened, in a few words
body     — why it happened and that it is recoverable
cta      — the single best recovery action

The recovery action is matched to the error: retry for transient network and timeout errors, go home for a 404, request access for a 403, and review fields for a validation failure. Server errors deliberately take ownership of the fault rather than implying the user did something wrong.

Tips and examples

For a network failure in the friendly tone the tool returns: “You’re offline — We can’t reach the internet right now. Check your connection and we’ll try again.” with a “Retry” button.

Keep error bodies to one or two sentences. Never end on a dead end — every error screen should give the user something to click. Reserve status codes for the technical tone, and when an error is the system’s fault, say so plainly instead of using the passive voice to deflect blame.

Ad placeholder (rectangle)