Showcase

Three 404s, three personalities

An error doesn't have to be sad. Three products, three ways to turn a not-found page into a brand moment.

Halvyn

A break-up in DMs

A couple app. The 404 is staged as a break-up over text: chat bubbles, typing indicator, “Error 404 💔”. The error becomes a storytelling beat that fits the product.

React 18TypeScriptCapacitor

See the 404 live

shortstayguide.com/404

ShortStayGuide

Flight ERR-404 — cancelled

A travel-guide site. The 404 is shaped as an airport departures board: five real-looking flights, yours in red, “CANCELLED”. The “Missed connection” headline earns a smile before bouncing visitors back to the guides.

Astro 6PreactCloudflare Pages

See the 404 live

mindvisionstudio.com/404

MindVision Studio

Aesthetic stacktrace

My own site. A massive Serif 404 with a subtle glitch, then a fake stacktrace inside a glassmorphic terminal: PageNotFoundError, Router.resolve, Navigator.follow. For the dev who reads.

Astro 6Cloudflare Workers

See the 404 live

Attention to detail, even on error pages — the kind of work you put into a product when you treat it as your own.