Skip to content

← Atlas

Error pages ​

404s and other dead ends — worth turning into a small branded moment instead of a flat framework default.

Start here ​

  • 404s — a curated gallery of 404 pages, filterable by style, interaction and industry.
  • 404 Gallery — ninety 404s captioned by industry, for when the error has to be about the product rather than about a style.
  • Checklist Design — the shortest way to check that a 404 has a logo, a title, a reason and a way back.

All sources ​

Ship: reuse with the notice or credit the licence asks forConditional: read the terms before you reuse anythingLook only: no licence stated, so take ideas and nothing else

  • 23rd14 showpiece shader, ASCII and footer components for React and Svelte 5 via the shadcn CLI, with an agent skill; no licence file.Verdict NicheLook only licence, not statedAgent channels llms-txt, registry, skillReviewed
  • 404 GalleryAbout ninety 404 screenshots from Russian sites, each joke built around the business; no links to the live pages.Verdict NicheConditional licence, proprietary freeAgent channels noneReviewed
  • 404sCurated gallery of 404 pages, filterable by style, interaction and industry.Verdict NicheLook only licence, not statedAgent channels llms-txtReviewed
  • Checklist Design138 design checklists by screen, component and flow, plus an agent skill that reviews a screenshot against the matching list.Verdict Very usefulConditional licence, mixedAgent channels skillReviewed
  • Empty StatesAbout sixty shipped empty states, captioned by app and platform, on one static page with no filters or links.Verdict NicheLook only licence, not statedAgent channels noneReviewed
  • HTTP CatsAn image per HTTP status code plus JSON with MDN's description; MIT code, photographs with no separate licence.Verdict NicheConditional licence, mixedAgent channels apiReviewed

Patterns worth reusing ​

  • Combine three filter axes (style, interaction, industry) in a niche gallery to get real depth without needing thousands of entries.
  • Treat a 404 as a chance for a small interaction — a game, an animated illustration, a custom cursor — instead of a plain message.
  • A "surprise me" random shortcut is a simple, cheap way to boost exploration on a small gallery.
  • State a clear copyright/usage policy on the gallery itself to remove ambiguity about how the shown content may be used.

Pitfalls ​

  • Screenshots are copyrighted to their original owners and shown for inspiration only — never copy or redistribute.
  • Being a narrow niche, example volume is smaller than in general galleries; pair it with another source for variety.
  • No licence or pricing is typically stated for the site itself.