Design Atlas
Type
gallery
Verdict
Niche
Licence
Look only licence, not statednot-statedNot stated (free to browse; sponsored by Mobbin)
Agent channels
llms-txt
Pricing
free
Reviewed

← Atlas · Topics: error-pages, inspiration

404s ​

Type
gallery
Verdict
Niche
Licence
Look only licence, not statednot-statedNot stated (free to browse; sponsored by Mobbin)
Agent channels
llms-txt
Pricing
free
Reviewed

What it is ​

404s is a curated gallery of creatively designed 404 error pages, built on the premise that "404 pages are where joy and error meet." It's a project by Finnian Sturdy.

When to open it ​

  • When your project's 404 is still the generic framework default and you want to turn it into a memorable brand moment.
  • When you need a 404 reference with a specific interaction: animated, custom cursor, mini-game or scroll-driven.
  • When you're looking for a specific visual style (glitch, brutalist, editorial, large type) within a specific industry (fintech, e-commerce, media, nonprofit/gov).

Most useful ​

  • Style filter: 3D, bold, brutalist, colorful, dark, editorial, glitchy, hand-drawn, illustrative, large type, light, minimal, photographic, playful, retro, typographic.
  • Interaction filter: animated, custom cursor, game, hover effects, interactive, scroll-driven.
  • Industry filter: agency/studio, e-commerce/retail, entertainment/arts, finance/fintech, media/publishing, non-profit/gov, personal/portfolio, tech/SaaS.
  • Its own keyboard shortcuts: g for grid view, s for "surprise me" (random example).
  • An explicit legal notice: screenshots are shown only to celebrate design, never to reproduce or redistribute copyrighted material.

Using it with agents ​

There is no MCP or export. Its llms.txt is a usage policy rather than an index: it asks for credit to 404s.design and the original designer, allows reuse of its code examples with attribution, and discourages direct copying and bulk downloads. Use it visually: open an example matching the style/industry you need and describe its structure and interaction to the agent (e.g. "a 404 with a centered illustration, a subtle hover animation and a back-to-home button") so it implements it.

Watch out for ​

  • The site itself states all screenshots are © their original owners and shown only for inspiration, never to copy or redistribute.
  • Being such a narrow niche, the volume of examples is smaller than in general galleries; pair it with another source for variety.
  • No licence or pricing is stated for the site itself.

Reusable ideas ​

  • Combining three filter axes (style, interaction, industry) in a niche gallery gives enough depth without needing thousands of entries.
  • A "surprise me" shortcut (s) for random browsing is a simple way to boost exploration time on a small gallery.
  • Explicitly stating the copyright policy in the footer removes ambiguity about how the shown content may be used.

Footer Design, Navbar Gallery, CTA Gallery, Designeer