Compass
Friendly 404 error page
A friendly, single-file 404 error page with an animated compass, clear action buttons, and a row of helpful links to guide visitors back on track.
Download free Live preview Deploy on fylo.host ↗
Free for personal & commercial use
Customize with AI
Opens the AI with a ready-made prompt (also copied to your clipboard).
What's inside
Animated compass mark
A pure-CSS compass with a wobbling needle — no images, no libraries.
Recovery-first layout
Home and back buttons plus a helpful-links row turn a dead end into a path forward.
Zero JavaScript required
The whole page is HTML and CSS; the only script-like touch is an optional history.back() link.
Drop-in ready
Save as 404.html, point your server's error page at it, and you're done.
Frequently asked questions
How do I use a custom 404 page on my site?
Upload the file as 404.html and configure your host to serve it for missing pages — most static hosts (including fylo.host) detect 404.html automatically.
Is this 404 template free to download?
Yes — free for personal and commercial projects, as a single HTML file with the CSS built in.
Can I change the colors and links?
Yes. Colors are CSS variables at the top of the file, and the buttons and link row are plainly marked in the HTML.