Error Pages – 22 Free 404, 500 & Status Templates
Error Pages is a pack of 22 error and status pages, each a single self-contained HTML file with the CSS inline. For an error page that is a requirement rather than a preference: when a 500 fires, the thing that broke may be the thing that serves your stylesheet.
At a glance
- 22 pages — seven 404s, three 500s, a 503, plus 401, 402, 403 and 429
- Also covers offline, geo-blocked, account suspended, unsupported browser and empty search results
- Zero dependencies — no stylesheet, font or script to fetch, so nothing can fail at the moment it is needed
- 19 of 22 are pure CSS; only the rate-limit countdown, the offline detector and the incident-ID copy button use script
- Illustrations are CSS and inline SVG, including a pixel sprite built from
box-shadowand an unplugged cable - Decorative art is
aria-hidden; no auto-redirect countdowns; motion respectsprefers-reduced-motion
How to use
Drop the file at the path your server expects and point ErrorDocument (Apache) or error_page (nginx) at it. Make sure it is served with the real status code — an error page returning 200 OK is a soft 404, and Google will treat the broken URL as legitimate content.
FAQ
Are these error page templates free?
Yes — free for personal and commercial projects, including client work.
Can I change the copy and colours?
That is the intention. Each page uses a small set of custom properties for its accent, and the copy is written to show the tone each situation calls for rather than to ship verbatim.
