Skip to main content
UX Content
  • Case Studies
  • UX Bites
  • Cheatsheets
  • Psychology
BFM+
  • Instant Feedback
  • MCP
  • Figma Plugin
  • Tiers & pricing
  • Free newsletter
  • Log in
Other
  • Archive
  • About
  • Help
  • Changelog
Services
UX audits

A complete audit of your user experience, delivered in a format that you can't ignore.

Book an audit

Built for Mars Ltd is a company registered in England and Wales (Company No. 12731987).

Account
  • Log inAccess your library and activities
  • SubscribeUnlock all features and access to the library
Learn from the best companies in the world

A library of content that even non-designers find interesting.

Subscribe todaySubscribe today
Structured learning
  • UX BootcampEnroll in a 5-week bootcamp
  • PathwaysCreate custom learning Pathways to work towards any goal, industry or topic
  • CollectionsBrowse Case Studies by key topics
  • QuizzesTest your knowledge
Explore the library
  • Case StudiesSlideshows that are packed with research
  • UX BitesReal examples of design magic
  • CheatsheetsQuickly level up in a particular area
  • Product PsychologyLearn the essentials
  • NewsletterGet research straight to your inbox
  • CompaniesBrowse by company
Learn from the best companies in the world

A library of content that even non-designers find interesting.

Subscribe todaySubscribe today
Tools to help you
  • AI InsightsUpload screenshots of your design, and get instant feedback from our AI
  • MCPAccess the entire library from your favourite agent
  • Figma pluginAccess our AI tools, and our entire library, directly from Figma
One-to-one help
  • UX AuditsThe fast-track for growth
Includes tools that help you ship better products

Learning never stops, but sometimes you need a little more.

Subscribe todaySubscribe today
Log inSubscribe today
Home
Design Examples
404 Page Design: Real Examples
Design Examples

404 Page Design: Real Examples

Browse real 404 page examples from Claude, Figma, Mobbin, Codecademy and more, including how the best turn a dead end into a demo of the product.

Real world examples:

Updated: 23/09/2026, view all 1,476 examples

Examples on Built for Mars include
  • Figma's 404 is editable, like the real tool

  • Mobbin's 404 quiz is a designer in-joke

  • Codecademy's 404 game pitches a games course

UX BitefromClaudeClaude

Claude's 404

Claude's 404 page uses one of their LLM models to create a poem.

Claude's 404

More context

I love that you can also select the model—this allows people to functionally buy into the differences between them.

Go to UX BiteView#970
UX BitefromDribbbleDribbble

Dribbble's 404

Dribbble's 404 page includes an interactive colour slider, which will show a collection of images in that colour.

Dribbble's 404
Go to UX BiteView#81
UX BitefromMobbinMobbin

Mobbin's 404 quiz

Mobbin's 404 page is an interactive quiz for designers, repurposing their archive of content.

Mobbin's 404 quiz

More context

This is a brilliant example of tribalism. Designers use Mobbin as a reference library, and this easter egg is a bit like an in-joke.

Go to UX BiteView#357
UX BitefromFinancial TimesFinancial Times

Financial 404s

The Financial Times' 404 page lists "economical satire" to justify the missing content.

Financial 404s
Go to UX BiteView#715
UX BitefromMediumMedium

Getting lost in a 404

Medium have featured articles about being lost, on their 404 page.

Getting lost in a 404
Go to UX BiteView#92
UX BitefromGoogleGoogle

Google Fonts' 404

There are more than 1400 UX Bites like this

See the benefits
UX BitefromFigmaFigma

Figma's interactive 404

There are more than 1400 UX Bites like this

See the benefits
The UI displays a large white "S" centered on a solid purple-blue background, with no additional text, logos, or interface elements visible.The UI shows a stylized "M" logo with teal, cream, and red color blocks on a dark blue background. No text or markings are highlighted or underlined.The image shows a white, abstract sunburst shape centered on a textured orange background with no text, logos, or UI components visible.

There are more than 1400 UX Bites like this

Subscribe to BFM+

If features can be coded in minutes, thoughtful design is what wins

  • Unlock the entire library
  • Create custom UX courses
  • Access our AI tools
£8/monthbilled annually
See the benefits
or, wait for the free stuff

Join the free newsletter

Get the free content when it's released, straight to your inbox, no account required

"An exceptional resource for learning how to build habit-forming products that people love."

The UI contains the yellow book cover "HOOKED" by Nir Eyal in the bottom right, with black text in a white box with blue borders stating "COMPLETELY REVISED AND UPDATED."
Nir EyalAuthor of Hooked

"I’d never met anybody who looks at usability and UX the way I do until I met Peter. Only he’s smarter."

Photo: site-map sketches with pen annotations, yellow sticky notes and folder of labeled cards, black phone cord, red book cover reading "DON'T MAKE ME THINK".
Steve KrugAuthor of Don't Make Me Think

"The completest view of the psychological underpinnings of human behaviour that I’ve ever seen."

Circular avatar: smiling man, navy jacket, blue‑checked shirt, blurred green bg. Overlays: red EA badge lower-right; black square with white up‑left arrow.
Bing GordonKleiner Perkins & EA

"What a nice idea! Christopher Alexander would be proud to see patterns collected like this."

Profile picture of a man with medium-length hair and stubble wearing a grey hoodie and dark jacket. Two app icons overlay bottom right: yellow Asana and blue Miro.
DHHHey! & Basecamp

FAQs

Do creative 404 pages actually improve conversion?

Rarely. 404 pages usually have little or no effect on conversion or churn. Their value comes from being shared on social media, which spreads the brand rather than delivering direct value.

How can a 404 page show off what the product does?

The strongest examples turn the error into a small, working demo of the core product. For example, Claude writes a poem with its own models and lets visitors pick which model to use, so they see the differences between models firsthand.

Can a 404 page be built from existing content?

Yes. Repurposing content you already have keeps the page on-brand and cheap to build. For instance, Mobbin builds a quiz from its archive of app screenshots, Dribbble filters its images with a colour slider, and Medium features its own articles about being lost.

Does a 404 page need to be interactive to work?

No. Copy alone can carry the joke if it speaks the audience's language. As an example, the Financial Times explains the missing page with economic satire, using terms like stagflation and supply and demand.

How can a playful 404 page still lead somewhere useful?

Place a relevant next step next to the fun element. This is what Codecademy does: next to its Chrome-style minigame, a 'Build your own' button links to its game development course.

Should empty search results get the same treatment as 404 pages?

They can, since both are dead ends where some personality softens the moment. For example, Google Fonts shows a random font-themed error card when a search finds no fonts, with a clear filters button so the user can recover.