404 Error Pages, One More Time

Advertisement

The design of 404 error pages is often overlooked and underestimated. However, designed carefully, these pages can make a random visitor stay on your website, take a look around and eventually find the information he or she was looking for in the first place. Effective 404 error pages communicate why a particular page couldn’t be displayed and what users can do next. A search box and list of useful resources (possibly related to the missing page) could be helpful in this case.

We’ve already covered the design of 404 error pages in previous1 posts2. In them, we also covered some interesting and useful ideas for designing 404 pages. Now, it’s time for a fresh dose of 404-error inspiration. This article presents 50 more examples of beautiful and original 404 error designs. Some of them are beautiful but not user-friendly, others are user-friendly but not really beautiful. Please use these examples as a source of inspiration; hopefully, this showcase has something for everybody.

Also note that some examples used in this post were suggested by our Twitter followers: please follow us on Twitter3 to vote on which article gets published next, discuss new ideas, get fresh updates and suggest great ideas for our next posts. Thank you.

Beautiful 404 Error Pages

Cut & Taste4
Cut & Taste claims that “Someone on the staff is to blame for this! Rest assured, the proper person will get the proper amount of blame and humiliation dealt to them.” Notice how well the search box is highlighted. Beautiful!

Creative 404 Error Page5

Productplanner6
Productplanner perfectly integrates its 404 error page in the overall branding of the website.

Creative 404 Error Page7

Mundofox.com8
A 404 error page with a not-so-eloquent Homer.

Screenshot9

Duoh.com10
Probably one of the most colorful and abstract 404 error pages out there.

Screenshot11

Apartmenthomeliving.com12
A quite unusual 404 error page from a website that helps people find apartments.

Screenshot13

Chrisglass.com14
Chris takes his comrades on a trip, hunting for the right page.

Screenshot15

Huwshimi.com16
On Huwshimi a ninja seems to have stolen a 404 error-page: “you must return when the moon has friends and the fox is borrowed”. Gorgeous!

Screenshot17

ilovetypography.com18
A typographically beautiful (of course) 404 error page from ILoveTypography.com.

Creative 404 error page19

Newspond20
Newspond uses a very strange illustration on its 404 error page. The circle defines the limits of the website, and the small image at the top is a miniaturized Newspond logo. A click on the image leads to the home page of the website.

Creative 404 Error Page21

Brightkit22
“404 Fowl Not Found.” Brightkit shows a missing owl on a milk carton. Unusual and, therefore, memorable.

Creative 404 Error Page23

jhuskisson.com24

Screenshot25

Gog.com26
“404: oh noes, there’s nothing in here.” (sent by @Chamb27 via Twitter)

Creative 404 Error Page28

User-Friendly 404 Error Pages

RealMacSoftware.com29
An excellent 404 error page, functionally speaking, that contains a site map of the website.

Creative 404 Error Page30

InspirationBit31
InspirationBit presents an overview of popular and recommended articles.

Creative 404 Error Page32

45royale33
This error page contains links to popular posts and a cool illustration of a pretty freaky monkey.

Creative 404 Error Page34

Ma.gnolia.com35

Screenshot36

Have Fun With 404!

Yes, fun! Because 404 also is a place where you can show your sense of humor. You have the opportunity, so use it well!

www.techkultura.com37
On Pawel Opydo’s blog: “Golden Rule of the Code of the Samurai: If this isn’t the page you were looking for, you have to do Seppuku.”

Screenshot38

Abduzeedo39
Abduzeedo suggests ideas for finding the right article and lists popular and recent blog posts as well as a tag cloud.

Screenshot40

Habrahabr41
An illustrative image (sent by sabugao42 on Twitter).

Creative 404 Error Page43

CSS Remix44
This fellow is quite scared (sent by @dezignMusings45 on Twitter).

Creative 404 Error Page46

Pattern Tap47
Don’t get angry, and don’t cry. Pattern Tap will take on the burden of the missing page.

Screenshot48

New Yorker49
The New Yorker magazine has been published since 1925, but it is definitely with it, with its own 404.

Screenshot50

Frye/Wiles51
Frye/Wiles Creative Agency.

Screenshot52

Heinz53
The 404 for the best-known ketchup.

Screenshot54

Chelmsford Library55
OMG, Smashing Magazine is missing in the Chelmsford Public Library!

Screenshot56

Craigslist57
An ASCII 404 error page from Craigslist.

Screenshot58

The Truth59
Is this really the truth?

Screenshot60

Wulffmorgenthaler61
Blame that weird beaver on Wulffmorgenthaler.

Screenshot62

Henrik Hedegaard63
Henrik Hedegaard seems to like the Simpsons.

Creative 404 Error Page64

NotaNiche65
Refresh and see the next funny picture. A blog by Alexander Frison.

Screenshot66

Daze of Our Lives67
“Whatever the Dickens a so-called “Error 404″ is I haven’t the foggiest idea, but one has occurred. You can’t trust this wretched technology, can you?”

Screenshot68

Limpfish69
Wanted: a Web page.

Screenshot70

Orangecoat71
“Despite that song in your step and sense of purpose, you’ve hit a little bump in the road. These things happen. We’re going to do our best to make sure you keep dancing in the right direction.” Orangecoat gives a 404 error mind map.

Screenshot72

Kochatelier Berlin73
404 bread on the website of a cooking agency.

Screenshot74

Dawdle75
Mario occasionally entered the wrong castle.

Screenshot76

CSS-Tricks77
Chris Coyier takes a closer look at the code.

Screenshot78

Niki Brown79
Niki Brown encourages her visitors to “Have no fear” and shows them a beautiful mouse illustration.

Screenshot80

Twitter81
Twitter uses a minimalistic yet attractive 404 error page.

Creative 404 Error Page82

Livadaru83
Homer on the blog of Cristian Livadaru.

Screenshot84

ARTTHUG Studios85
Homer again, this time at ARTTHUG Studios.

Screenshot86

Cubeecraft87
Error Cubee (which you can download and make yourself) at Cubeecraft.

Screenshot88

d20 SRD89
A brutal error at d20 SDR!

Screenshot90

HomeStar Runner91
Oops! You had it coming at HomeStar Runner.

Screenshot92

Animation? Sure!

404 doesn’t only have to be about graphics. Below, you’ll find 404 examples with animation.

Mark Fennell93
On his 404, Mark Fennell offers… a game!

Screenshot94

Project Euh95
Project Euh? Just click and go to a random website.

Screenshot96

Total Insanity97
Total Insanity shows us what insanity really means.

Screenshot98

Herr Nilsson99
This 404 error page fetches 404 Tweets and displays them in real time (sent by eelay100 on Twitter).

Creative 404 Error Page101

Cricket Feet102
The 404 error page on Cricket Feet talks to you!

Screenshot103

Bluedaniel104
Daniel Karcher’s film design studio.

Screenshot105

Sources and Resources

(al)

Footnotes

  1. 1 http://www.smashingmagazine.com/2007/07/25/wanted-your-404-error-pages/
  2. 2 http://www.smashingmagazine.com/2007/08/17/404-error-pages-reloaded/
  3. 3 http://twitter.com/smashingmag
  4. 4 http://cutandtaste.com/404
  5. 5 http://cutandtaste.com/404
  6. 6 http://productplanner.com/404
  7. 7 http://productplanner.com/404
  8. 8 http://mundofox.com/404
  9. 9 http://mundofox.com/404
  10. 10 http://www.duoh.com/404
  11. 11 http://www.duoh.com/404
  12. 12 http://www.apartmenthomeliving.com/404.html
  13. 13 http://www.apartmenthomeliving.com/404.html
  14. 14 http://chrisglass.com/404
  15. 15 http://chrisglass.com/404
  16. 16 http://huwshimi.com/404/
  17. 17 http://huwshimi.com/404/
  18. 18 http://ilovetypography.com/404
  19. 19 http://ilovetypography.com/404
  20. 20 http://www.newspond.com/404
  21. 21 http://www.newspond.com/404
  22. 22 http://brightkit.com/404
  23. 23 http://brightkit.com/404
  24. 24 http://www.jhuskisson.com/404/
  25. 25 http://www.jhuskisson.com/404/
  26. 26 http://www.gog.com/en/error/404
  27. 27 http://www.twitter.com/Chamb
  28. 28 http://www.gog.com/en/error/404
  29. 29 http://www.realmacsoftware.com/rapidweaver/overview/404
  30. 30 http://www.realmacsoftware.com/rapidweaver/overview/404
  31. 31 http://www.inspirationbit.com/404
  32. 32 http://www.inspirationbit.com/404
  33. 33 http://www.45royale.com/404
  34. 34 http://www.45royale.com/404
  35. 35 http://ma.gnolia.com/404
  36. 36 http://ma.gnolia.com/404
  37. 37 http://www.techkultura.com/404
  38. 38 http://www.techkultura.com/404
  39. 39 http://abduzeedo.com/404
  40. 40 http://abduzeedo.com/404
  41. 41 http://habrahabr.ru/showme404/
  42. 42 http://www.twitter.com/sabugao
  43. 43 http://habrahabr.ru/showme404/
  44. 44 http://cssremix.com/archives/1353
  45. 45 http://www.twitter.com/dezignMusings
  46. 46 http://cssremix.com/archives/1353
  47. 47 http://patterntap.com/404
  48. 48 http://patterntap.com/404
  49. 49 http://www.newyorker.com/404
  50. 50 http://www.newyorker.com/404
  51. 51 http://fryewiles.com/templateserrors/404.html
  52. 52 http://fryewiles.com/templateserrors/404.html
  53. 53 http://heinz.com/404.aspx
  54. 54 http://heinz.com/404.aspx
  55. 55 http://www.chelmsfordlibrary.org/smashing_magazine
  56. 56 http://www.chelmsfordlibrary.org/smashing_magazine
  57. 57 http://sfbay.craigslist.org/404/
  58. 58 http://sfbay.craigslist.org/404/
  59. 59 http://www.thetruth.com/404
  60. 60 http://www.thetruth.com/404
  61. 61 http://www.wulffmorgenthaler.com/error.htm
  62. 62 http://www.wulffmorgenthaler.com/error.htm
  63. 63 http://henrikhedegaard.com/404/404.html
  64. 64 http://henrikhedegaard.com/404/404.html
  65. 65 http://notaniche.com/404
  66. 66 http://notaniche.com/404
  67. 67 http://www.dazeofourlives.com/404
  68. 68 http://www.dazeofourlives.com/404
  69. 69 http://www.limpfish.com/404
  70. 70 http://www.limpfish.com/404
  71. 71 http://www.orangecoat.com/404
  72. 72 http://www.orangecoat.com/404
  73. 73 http://www.kochatelier-berlin.de/404-fehler/
  74. 74 http://www.kochatelier-berlin.de/404-fehler/
  75. 75 http://www.dawdle.com/404
  76. 76 http://www.dawdle.com/404
  77. 77 http://css-tricks.com/0404
  78. 78 http://css-tricks.com/0404
  79. 79 http://nikibrown.com/404
  80. 80 http://nikibrown.com/404
  81. 81 http://www.twitter.com/404
  82. 82 http://www.twitter.com/404
  83. 83 http://livadaru.net/404
  84. 84 http://livadaru.net/404
  85. 85 http://www.artthugstudios.com/error404.html
  86. 86 http://www.artthugstudios.com/error404.html
  87. 87 http://www.cubeecraft.com/character404.html
  88. 88 http://www.cubeecraft.com/character404.html
  89. 89 http://www.d20srd.org/404-not-found
  90. 90 http://www.d20srd.org/404-not-found
  91. 91 http://homestarrunner.com/404
  92. 92 http://homestarrunner.com/404
  93. 93 http://www.markfennell.com/404.html
  94. 94 http://www.markfennell.com/404.html
  95. 95 http://www.project-euh.com/404/?
  96. 96 http://www.project-euh.com/404/?
  97. 97 http://www.tinsanity.net/404.shtml
  98. 98 http://www.tinsanity.net/404.shtml
  99. 99 http://www.herr-nilsson.com/404
  100. 100 http://www.twitter.com/eelay
  101. 101 http://www.herr-nilsson.com/404
  102. 102 http://cricketfeet.com/error
  103. 103 http://cricketfeet.com/error
  104. 104 http://www.bluedaniel.com/404
  105. 105 http://www.bluedaniel.com/404
  106. 106 http://www.backtoessentials.com/showcases/a-collection-of-404-error-pages/
  107. 107 http://www.blogmarks.net/user/404

↑ Back to topShare on Twitter

Sylwia Besz is a Product Manager working on online and mobile products/services. Privately she's a blogger at In Web We Trust, geek and amateur photographer.

Advertising
  1. 1

    Great stuff, has inspired me to put more effort into the design of my 404 pages!

    0
  2. 2

    yeah real cool error´s !

    -2
  3. 3

    We put easter eggs in our 404 page – check out:

    http://www.venturenavigator.co.uk/404

    and click on the image!!

    2
  4. 4

    Some very cool error pages.
    I also think that most of the readers do not know what the number 404 means.

    Better to write an understandable text to inform the visitor what happend.

    1
  5. 5

    Very useful and entertaining, thanks!

    0
  6. 6

    One more time? You promise?

    0
  7. 7

    Nice list.

    0
  8. 8

    Martijn Vandenberghe

    January 29, 2009 9:19 am

    Where do you guys keep getting the inspiration to write about these things?! Great!

    0
  9. 9

    funny stuff

    0
  10. 10

    Great article, these ones are very enjoyable to read.

    0
  11. 11

    I love the brightkit and the fryewiles one :D

    -1
  12. 12

    Extremely creative!

    -1
  13. 13

    These are awesome, most of the 404 pages I have seen don’t have anything on them. I am trying to create personalized ones to make people feel better and keep them on the site longer. Thanks for the great list and inspiration.

    0
  14. 14

    some 404 pages were really creative, while others were simply hilarious. nice list. btw, i like d “live preview” when submitting comments.

    -1
  15. 15

    Awesome work. This just made me think that for 80% of readers “error 404″ means nothing but still “error 404″ is in good place.

    Would be better to delete this “error 404″ thing and write in very good place “We couldn’t find what you are looking for, please search or browse sitemap”

    I’ll change right away my 404 pages.

    -1
  16. 16

    Enjoyed it so much…
    tnx!

    -1
  17. 17

    Kind of appropriate…..

    I’m trying to enter the desktop wallpaper calendar contest for February but my email is bouncing back with this error:
    :
    The users mailfolder is over the allowed quota (size). (#5.2.2)

    D’oh… I may be too late anyway :(

    -1
  18. 18

    Good list… Little elements like an attractive (yet functional!) 404 page help improve the experience for the end user.

    Pattern Tap also has a useful list of 404 pages.

    -1
  19. 19

    That reminds me I need to make a nicer 404 page. Man Homer seems to be pretty popular for this error.

    -1
  20. 20

    Wow these are great. This one is equally nice: http://cssscoop.com/404
    Nice post…

    and @Benjamin Falk – Yeah they have a great list.

    -1
  21. 21

    Great list… Thanks

    -1
  22. 22

    Very nice – and thanks for the reference to my 404-page :-)

    -1
  23. 23

    Hey, glad to see BrightKit made the list! It was inspired from the previous list of 404 pages, so it’s nice to see it on this one. Cheers!

    -1
  24. 24

    Nice list .The css-tricks and gog.com 404’s are my favourites.

    -1
  25. 25

    Nice, but what we have done here is unsurpassed, I think:
    http://www.tuv.com/de/en/zert . Check it out.
    1. You land on a page with wrong url.
    2. It is in the overall layout
    3. It gives you the main navigation.
    4. It tells you it did not find that page.
    5. It gives you a search result page with the term behind the last slash in the given URL.
    6. It sends an error message with referral, requested page and timestamp to the admin, which automatically processes it and adds it to an error report.

    andreas.wpv
    andreas.wpv@directorinternet.com

    -1
  26. 26

    Washington post holds my favorite 404 page. Its actually an ad on its 404 page.
    “This page doesn’t exist. Just like clean coal” :)

    http://www.washingtonpost.com/wp-dyn/content/article/2009/01/29/AR092009012901095.html?hpid=topnews

    -1
  27. 27

    I’m getting “Internal server error” instead of your 404 page.
    Maybe we should also design THAT page to show something nice to the users, instead of telling them that we probably goofed somewhere…

    0
  28. 28

    Vitaly Friedman & Sven Lennartz

    January 29, 2009 11:37 am

    @T (#24): that’s not true, our 404-error-page doesn’t show an internal server error.

    -1
  29. 29

    @Vitaly and Sven

    T mentioned the error page of the author of this post. The link you provided to sylwias website returns an Error 500.

    -2
  30. 30

    Vitaly Friedman & Sven Lennartz

    January 29, 2009 12:21 pm

    @webmeister (#26): oh, that’s true. ;-(

    -1
  31. 31

    What a great collection, I like the one from Apartmenthomeliving.com.

    -1
  32. 32

    Hehe nice ones.. some of them are really inspiring / beatyfull others are just hilarious there are also those that are really good for their cause [ bakery : toasted 404 , HEINZ : empty page ].

    PS. :o i’m part of the Herr Nilsson’s 404 error page [ i was actually @the time the screenshot was shot ]! or a response to a tweet of mine at least :p

    -1
  33. 33

    Beautiful. We had to link this! :-)

    -1
  34. 34

    great pages, i tryed someting similar on 3ner.ro, but i ended up trying to make something usefull of it and monetize the page

    -1
  35. 35

    Love a great 404 page…a really easy way to show your visitors that you pay attention to every detail. Great post.

    -1
  36. 36

    I am so pro creativity but unless you are a css gallery or some kind website that expects only web designers/developers it is probably for the best not to be too creative. I mean the average user probably does not even know what 404 means and it would be better to explain what actually happened in the simplest way possible. boring I know but effective.. As far as creativity goes though these are great pages.
    http://www.glossygames.com

    -1
  37. 37

    How’s this for awesome irony: Visit Wulffmorgenthaler.com’s 404 page, linked above, then click the ‘home’ link.

    “Server Error in ‘/’ Application.

    The resource cannot be found.

    Description: HTTP 404. The resource you are looking for (or one of its dependencies) could have been removed, had its name changed, or is temporarily unavailable. Please review the following URL and make sure that it is spelled correctly.

    Requested URL: /WulffMorgenthaler/default.aspx”

    0
  38. 38

    gotta get working on my 404 !

    why all the homer ?

    -1
  39. 39

    I think I have a pretty unique

    -1
  40. 40

    Thanks for yet another link to my site! And it’s first on the list — even sweeter.

    I’m sure my 404 error stats will be sky high this month, thanks to you guys, haha.

    -1
  41. 41

    I found the photo in somewhere, and apply to my 404 page:
    http://www.trotesdochupim.com.br/404

    :)

    -1
  42. 42

    Homer is a conspiracy, I’m sure. :o

    This post had something I really didn’t expect from a design-related post: Sheer entertainment value.

    You have proven it is possible to be entertained by design. Thank god for that!

    Now I’m off to improve my own 404…

    -1
  43. 43

    Some clever ideas there, however I do believe that some readers who come across customised 404 pages might interpret the fact that you’ve taken responsibility for a page doesn’t exist as a sign of incompetent or sloppy work from the webmaster, when it is likely they have simply typed the wrong address… this said offering links back to the homepage etc has got to be good.

    -1
  44. 44

    How do you find this stuff—nice

    -1
  45. 45

    I’ve always been proud of the 404’s I do for my clients. One of my favorites is the one I did for the non-profit Amara Conservation (hope this isn’t construed as advertising or spamming).

    -1
  46. 46

    Cool and very funny examples. Hihi.

    -1
  47. 47

    HAHAHA! Gotta love those custom 404 pages!

    -1
  48. 48

    Thanks once again for publishing my site on your site guys :) It’s an honour every time.

    -1
  49. 49
  50. 50

    I know it’s lame to “self promote”, but I’ve searched countless lists of custom 404’s and I think I’ve managed to create one that nobody else has thought of yet…

    http://eight7teen.com/E404

    -1
  51. 51

    projectautomatika

    January 29, 2009 6:11 pm

    Nice list! Enjoyed watching those creative 404 pages.

    -1
  52. 52

    haha, I love Owly and the milk box. Also the ketchup one and the other one with the birds on-line :)

    -1
  53. 53

    I haven’t seen this used as a 404 error before, but it should be:

    “Once upon a midnight dreary,
    while I websurfed, weak and weary,
    Over many a strange and spurious website of hot chicks galore,
    While I clicked my fav’rite bookmark,
    suddenly there came a warning,
    And my heart was filled with mourning,
    mourning for my dear amour.
    ‘Tis not possible, I muttered,
    give me back my cheap hardcore! –
    Quoth the server, ‘404’.”

    0
  54. 54

    Great list again.. Thanks

    -1
  55. 55

    TRUE! I always take 404 page for my best creativity this is nice place to show something unusual.

    -1
  56. 56

    Superb post.

    -1
  57. 57

    The original ‘quoth the server’ 404 message that Doug G is referring to can be found here… pure genius.

    …one to appeal to the poets out there.

    Nice list…. ;-)

    0
  58. 58

    hehe, nice ànd useful post and funny as well.

    -1
  59. 59

    Like ever! SM Rocks!
    Thanks for so many suggestions!

    -1
  60. 60

    @T (#24): Thx, now it’s workin’ :)

    -1
  61. 61

    Really nice second post on this subject. Your own 404 is also a great example of what can be done, consistent with the rest of your website. Thanks guys.

    -1
  62. 62

    Alexander Dombroff

    January 30, 2009 12:23 am

    i am a web designer and i really appreciate this post. It is awesome! i am gonna use these techniques.

    -1
    • 63

      0toone IT Wizard is a leading Web design Developmnt located in India providing web solutions business across the globe. 0toone IT Wizard provides endeavor solutions that include custom website design & development, Web and Enterprise Potrals, Web Database Programming, Flash website, Search Engine Optimization, 2D Animation, 3 Modeling & Texturing , Mailer Designs and deliver products to clients. We are a creative and innovative in web development firm.

      We design and deliver websites that work, websites that appeal visitors and convert them to customers. Our goal is to stay at the front of web designing, web development and application development of the highest level to meet our clients’ goals. We follow the strategy of using only the proven technology. Our specialty lies in developing high-end applications, e-commerce website development and multimedia development. We follow commercial considerations and timely execution of projects along with high level of communication and online support.

      Our premium quality services are customized, scalable and low cost effective solutions. We support our offerings based on client’s business requirements and provide in-depth reliable solution. We provide standards for our customer with consistent in every stage from end to end through the entire project. We change the client business goals and their vision in effective online f communication and online support.

      CMS – Full service web design company specializing in creating theme/template/modules for Content Management Systems like Joomla , WordPress and Drupal .

      Specialties
      website design & development, Web and Enterprise Potrals, Web Database Programming, Flash website, Search Engine Optimization, 2D Animation, 3 Modeling & Texturing,

      People
      Competent professionals are key to a company’s success and growth. The efficient, skilled manpower at Brainware has made it the leader in every aspect. 0toone IT Wizard houses an excellent team of Technical Trainers, Web and Graphic Designers, Programmer, and Software and Multimedia Development professionals having knowledge of the latest tools and applications. They form an integral part of the technical and sales support system.

      0
  63. 64

    i love twitter 404 pages… seem like the bird going dissapear… original idea…

    -1
  64. 65

    Ha! Check our Error 404 Page:
    http://fruehjahr.ch/smashingerror404ggggr

    ;-) We are looking a little bit older, huh?!

    -1
  65. 66

    Hahah oh my god how hilarious!!!!
    Love the Owl and the birdies.

    Superduper post!! ;)

    -1
  66. 67

    I decided to go with another idea of 404 which is very simple. My mainpage, currently in phase of update, http://www.gerbers.ch will get on top a status if you go to a wrong page. So if you go for you will see that you get back to the mainpage but with the status on top. I thought this is something new and is kind of cool :-)

    -1
  67. 68

    Awesome! Hilarious!

    -1
  68. 69

    Another one: I don’t know! Please don’t tell [the name of the website]!

    -1
  69. 70

    Great list (yet again…!)

    This is a nice one too: on a dutch (NL) website for garden designs; ‘the requested page had been ‘erased’ from the design!’ .

    -1
  70. 71
  71. 72

    Hi… How did you put that twitter button above the comment along with digg delicious??

    -1
  72. 73

    Epic fail! Doesn’t even include 4chan’s pedobear 404!

    -1
  73. 74
  74. 75

    Thanks for this collection. I merrily enjoyed looking at this bunch of nice 404 pages. Some people really give it a shot.
    May I add one of my favorites? It’s on a band’s page called Noisome Paste.
    Keep it up, cheers!

    -1
  75. 76

    Beautiful pages.

    -1
  76. 77

    Nice list.. the 404 of Chris Coyer is still my all time favorite !

    -1
  77. 78

    cool :))

    -1
  78. 79

    the official site for the sisters of mercy (the band) have a fairly whitty take on the old zork games

    its full of in-jokes, comments about northern england (leeds, manchester & liverpool), and a few digs at the south (london), journalists and the record industry

    http://www.thesistersofmercy.com/error404page.html

    -1
  79. 80
  80. 81

    Arg, the CSS-Tricks 404 is very similar as mine on my professional website !

    On my photo blog, I used this one (in french, sorry) : http://blog.aube-nature.com/404

    (you must know Canon DSLR products to understand ^_^)

    -1
  81. 82

    Very inspiring, makes me wanna change all of my page into a various 404 page…. ;)

    -1
  82. 83
  83. 84

    I think css-trick 404 error is the best

    -1
  84. 85

    Jordan McClements

    January 30, 2009 7:32 am

    Apartmenthomeliving.com is definitely the best one I have seen!

    ROFL etc…

    -2
  85. 86

    I want to submit mine also omgz~ http://www.zerosource.org/ of course throw something in that will generate a 404…

    Zero

    0
  86. 87

    The translation of techkultura.com’s 404 error is incorrect. But this one is 100% correct :D

    404th rule of the Samurai Code
    “If the page you are looking for does not exist,
    commit seppuku immediately.”

    -1
  87. 88
  88. 89

    Homer is slowly, but surely, becoming the 404 mascot.

    0
  89. 90
  90. 91

    404: Great info: / Linda / http://www.csslite.com

    0
  91. 92

    great idea… will have to try it

    0
  92. 93

    For me, this is oldie but goody is still one of the more creative 404 pages I’ve seen:
    http://www.lookitsme.co.uk/404_me

    0
  93. 94
  94. 95

    There’s a similar site here that’s also listing cool 404’s and a plethora of other interface patterns. http://www.interfacepatterns.com

    0
  95. 96
  96. 97

    We’re really happy that you liked our 404 page! It’s probably the one design decision that Naz Hamid of Weightshift didn’t touch when he took our beta site and made it awesome for launch.

    0
  97. 98

    Nikita Kondraskov

    January 30, 2009 2:06 pm

    You missed the 404 pages of comedy central.
    Some of their websites have funny monkey cartoons for the 404 page.

    -1
  98. 99

    who knew? i didn’t. those are so creative, so awesome. now i can’t wait to find a 404 page that i’m responsible for in order to do something creative and cool with. thanks for the collection, smashing mag.

    0
  99. 100

    Good stuff really. Hey check out the response at the first featured 404 page – Cut & Taste. There’s a nice response to Smashing magazine :).

    0
  100. 101

    Oops! sorry, this comment no longer exist. Please proceed reading the next one or the one before this.

    1
  101. 102

    This is a bit like embroidering on the inside of the jacket. The wearer knows and dons it with pride.

    0
  102. 103

    Brilliant! Now I need to get back in there and fix my 404.

    cheers from Brooklyn.

    0
  103. 104
  104. 105

    I am surprised no one noticed this: http://abduzeedo.com/404

    They are in violation of the Google Adsense TOS by displaying on an error page.

    0
  105. 106

    mine – old one, but good one ;)

    i was wondering about all that simpsons stuff. isnt there a copyright on that images?

    0
  106. 107

    Amazing list of Error 4-oh!-4 Pages. Thank you.

    Here is a nice idea for a restaurant-error 4o4, too: http://www.das-zensur.de/404.

    Ralph

    0
  107. 108

    Great collection!

    My favourite one would have to be: http://www.unfinitydesign.com/404

    0
  108. 109

    hey thats really colorful 404 pages.Really intresting stuff.I have seen such variety first time.

    0
  109. 110

    Very inspiring, makes me wanna change all of my page into a various 404 page…. ;) :)

    0
  110. 111
  111. 112

    Excellent list
    This is another one that’s quit funny for a wine related website
    http://www.spitorswallow.co.za/site/404
    Again thanks for all the good work

    0
  112. 113

    The 404 of http://cricketfeet.com/error was copied (badly) from http://www.scintilla.utwente.nl/error22/ . The second one was featured on slashdot a couple of years ago.

    0
  113. 114

    Check the Cut And Taste´s 404 error page again.
    A special message to SM reader. Very appropriate :)

    0
  114. 115

    For my 404, I wrote a small PHP script that yanks the page the user is looking for out of the address bar, gets rid of anything that’s not words [like slashes, hyphens etc] and puts it in a big shiny search box for them.

    eg: http://andrew.harrison.org/iphone

    0
  115. 116

    Hi, as someone pointed out, I did write a special message to the Smashing Magazine readers on Cut & Taste’s 404 page.

    As long as you click on the first screenshot featured in this blog post, you should be able to see it. For lazier people, here’s the direct link: http://cutandtaste.com/404

    0
  116. 117
  117. 118

    Think ideally one actually wouldn’t see these pages :-)

    P.S. http://www.Sitemorse.ch can help you to ensure all links (also external ones) work

    0
  118. 119

    love, love, love the NotaNiche one! made my morning.

    0
  119. 120

    l o l them 404 erros look nice lol,
    http://afrix99.deviantart.com/

    0
  120. 121

    very very very good , thank you ;)

    0
  121. 122

    Good finds, I love the funny ones.

    0
  122. 123

    Thnks for this idea, loved it! First time I heard about it, eaven though i have worked whit webshops (not as desinger or similar) and i am going to use this Idea at my own webpage =)

    Br,
    Piparipiru from finland

    0
  123. 124

    Cool! Very NIce Review, but you miss this one:

    http://www.explosm.net/comics/0/

    ejej

    0
  124. 125

    I love this one, kinda have to be an mma fan though:
    http://theufcresults.com/404.php

    0
  125. 126

    Any kind soul know where to get tutorial for wordpress.org to make pretty custom 404 page like those
    posted above?
    I wanted to make a 404 page like that but dont know where or how to start.. lol..

    ~LoV3 smashingmagazine, my fav+ site for all time ^_^

    0
  126. 127

    This is a good one, it has inspired and motivated me to tidy up and make an interesting 404 error page :)

    0
  127. 128

    Here’s a very funny 404-page that is a nice play on the site’s logo:

    Kidmondo.com

    0
  128. 129

    Love the list, seems like since these are appearing in galleries people are really putting a lot of though into them.

    This one is pretty funny too: http://theufcresults.com/404

    0
  129. 130

    yeah, its very cool, it has inspired me too to make my own one. it should be more interesting than the frontpage! har har har!

    0
  130. 131

    geeez… I should learn to create my own awesome 404 page just like those :D

    0
  131. 132

    Cool! Congrats!

    0
  132. 133

    Studio-XL.com official 404 error page

    not only beautiful, but 100% valid:

    Link

    0
  133. 134

    That is a gr8 collection of Error Pages that you got here. I also like your comments on each one of them.

    0
  134. 135

    Really useful article!
    I’ve got my own version of 404 here with random pictures and effects after any reload

    0
  135. 136

    @123, glad that it made your day :) and thanks to Smashing Magazine putting my 404 on this list :)

    0
  136. 137

    Recently updated the 404 page a few days ago. Added a pic and some functionality. Here it is: .

    0
  137. 138

    Hi,
    that´s a fine listing of creative solutions for the 404 page.
    I saw it on zdf.de today.

    Now I plan to do this with my 404-p@ge too.

    Very gooooooood.

    0
  138. 139

    Hey guys :3 take a look at aniwood.org/404
    use adblock to get rid of the shitty Adsense-Banners, i love this page ^__^

    0
  139. 140

    some very clever examples… nothing like a good 404

    0
  140. 141

    Hi!
    This is my 404 error page:

    http://www.sgec.com.br/404

    Thank you.

    0
  141. 142

    Haha, when I saw the title of this article, I thought, “404’d!!! Homestar Runner!”

    0
  142. 143

    Fun article :) The Frye Wiles guys are in my town. Here’s a 404 Jerome Jerome did for our site Flossed Today – http://flossedtoday.com/404

    0
  143. 144
  144. 145
  145. 146

    I would like to know if I could find a nice tutorial to “How to place 404 Images when it’s happen”

    Thx in advence

    0
  146. 147

    Wow! Thanx a lot! Nice selection of 404 Error Pages. Look at my own 404 Error Page: Link

    0
  147. 148

    I have to start going to non-existent pages just to check out the 404 pages. These are great. Link Matching the 404 page to the theme helps and gives a good impression to the wayward visitor.

    0
  148. 149

    Nice work man….
    Arvind

    0
  149. 150

    Nice work

    0
  150. 151

    Great collection!! Are you taking any more submissions? I have a 404 page up: http://bravelittlesoul.com/duh.html

    0
  151. 152

    Saw one funny one with tags. Had to plug it here :)

    Intermix Management

    0
  152. 153

    Dalibor Vasiljevic

    May 19, 2009 3:38 am

    Hey, what do you say about this one? http://www.rainfall.ro/404/

    0
  153. 154

    This one is also awesome. Changes every time!

    0
  154. 155

    Michel van Agtmaal

    June 20, 2009 3:58 am

    We have a ghost wondering around at https://www.opensourcesupportdesk.com/404

    0
  155. 156

    you forgot zipcar’s 404 page! i love the conversational tone and error sign dropped in the grass!

    0
  156. 157

    interesting post, will come back here, bookmarked your site

    0
  157. 158

    Well ours is not online yet but we hope it makes the next list
    404 screen shot for new site

    0
  158. 159

    NPR’s 404 pages is one of my favorites, in terms of making sure I stay on the site.

    0
  159. 160

    This is a funny 404 error from Blip.fm
    http://digg.com/d315dlT

    0
  160. 161

    This is a beautiful and funny 404 Web Page :
    Wimax Wibox Internet Haut-Débit 404

    0
  161. 162
  162. 163
  163. 164
  164. 165
  165. 166

    Here is a cute 404 from a Christmas site: http://bestsantasletter.com/bla

    0
  166. 167
  167. 168
  168. 169
  169. 170

    Here’s mine:

    http://duncanmckean.co.uk/404

    plain, simple, and refers to the homepage. Hope you like it.

    0
  170. 171

    400+4=….

    0
  171. 172

    :O …404! That’s a lot of 4– wait a minute Mike M.!

    0
  172. 173

    Kitty, Kitty, y r u 2 far?

    0
  173. 174

    On the word, “Hello!” eye meant 2 doo “Jello!” HAHAHAHAHA.

    0
  174. 175
  175. 176

    Supercalifragilisticexpialidocious

    December 24, 2009 5:56 pm

    (burps)

    0
  176. 177

    Our own one – http://www.transporter.at/404/
    We like it a lot, so we even link to it from every page of our website (404-truck at the bottom).

    0
  177. 178

    Defo a sweet-as source of inspiration! :):):)

    http://dl.dropbox.com/u/600126/Suba%20-%20404/HTML/404.html

    Cheers!

    0
    • 179

      Khine Nwe Nwe Lin

      February 3, 2010 1:13 am

      Sometimes this problem is because of the version of ChartImage.axd in declaring it in httphandler under the in web.config file.So please try to declare like this.

      And also some IIS 7 integrated-mode web applications require the following declaration in .So,if you need,please
      declare it again.

      ——–

      0
  178. 180

    Very nice list, specially the Homer pages.

    Regards,
    C.

    0
  179. 181

    I quite like Lonely Planets error page – http://www.lonelyplanet.com/server-error. Shows a broken down image and references the images location perfect for this type of website.

    0
  180. 182

    I’ve tried to make my 404 page user friendly too with Google’s “Did you mean” type functionality. Example:

    http://www.wefoundland.com/rresume

    0
  181. 183

    Hey these are good. You should check out http://www.5o9inc.com/something. You’ll get a cool 404 error page and if you go their home page, it actually makes sense. Pretty cool.

    0
  182. 184

    Great post!
    Thanks!
    Look at my 404 page!
    http://grafika-m.su/404
    Your opinion?

    0
  183. 185
  184. 186

    Web Design Lebanon

    March 11, 2010 8:00 am

    Niceeeeeeeee

    0
  185. 187

    This is a funny one, too: http://www.argeron.com/uhoh.html

    0
  186. 188

    Santa Cruz Web Designer

    March 17, 2010 6:33 am

    What a great list, thanks! I’ve been neglecting my error pages. Thanks for the reminder to get my but in gear.

    0
  187. 189

    After reading this article, I created one.

    http://netjelly.com/404

    0
  188. 190

    nice one, i’m thinking to create one :)

    0
  189. 191
  190. 192

    My favorite 404 page of all time was one w/a screen shot of Charlton Heston and Kim Hunter as Taylor and Zira in their famous kissing scene from “Planet of the Apes” and a title that read, “Okay, That’s Just Wrong!” I almost fell out of my chair I laughed so hard!

    0
  191. 193
  192. 194
  193. 195
  194. 196

    i like this p[ost.
    Air soft, animal resellers, blowguns, crossbows, diversion safes, handcuffs, home protection, knives, mace defensive sprays, metal detectors, pepper sprays, personal alarms, personal protection, safety lights, slingshots, steel batons, stun guns, tasters.

    0
  195. 197

    Hi. We have a wonderful 404 page
    http://www.luckymountainhome.com/404/

    0
  196. 198

    404 Snorlax is blocking the way. The site your requested could not be reached.

    0
  197. 199

    I wanted to create my own 404 page and after some hours I ended creating a game to give a litte humor to the otherwise awful situation for the user of a page not found.

    you can see it here:
    http://www.wildharmonystudio.com/404.php

    hope you like it

    0
  198. 200

    Nice collection!
    Here’s one more good one : http://anassin.com/404

    0
  199. 201

    Multimedium webdesign

    July 27, 2010 12:08 pm

    Some nice examples. We tried to make ours as funny as possible: http://www.multimedium.be/404

    0
  200. 202

    Yannell Rodriguez

    August 6, 2010 11:45 am

    That’s a really great collection. I’d be curious to see the best error pages for 2010.
    maybe http://www.geograffiti.com/error/
    :-)

    0
  201. 203

    These are all cool and all, but I can’t help but wonder about the pages that utilize Homer Simpson and the one with Master Shake. I can’t imagine the site owners have permission to utilize these characters, even on a 404 page. Personally, I feel that using such a character is taking a gigantic risk, even if you never expect you’ll never get caught using it. Just putting those pages in a showcase like this exposes those 404 pages, which ideally won’t be seen, to people who would otherwise never see them.

    1
  202. 204
  203. 205

    Chelmsford Public Library? That is near where I live.

    0
  204. 206

    CopyrightCreators

    October 6, 2010 12:53 pm

    Great Article! Thanks for the tips.

    1
  205. 207

    Trading or investing in stock market is serious business. One must understand basics of stock market before they work in it. Sharetipsinfo is presenting complete Glossary of Stock market. Understand stock market better.

    -6
  206. 208

    I found cool 404 page on github.com for example https://github.com/fobarbaz

    0
  207. 209

    我正在寻找这方面的内容来妆点自己的404页面(虽然我还不知道怎么来弄).看到这样精彩的设计让我倍受鼓舞.非常感谢!

    -1
  208. 210

    PDQ Car Wash Equipment

    January 21, 2011 8:10 am

    Our own 404 page after browsing many inspirational examples: http://www.pdqinc.com/err/404.asp.

    0
  209. 211

    Thanks for all the great 404 inspiration. I never thought about doing a customized 404 page before. If you’re running an Apache its pretty easy, you can just add it to your .htaccess page. “ErrorDocument 404 /404.html” Here’s what I came up with http://www.amlingstudios.com/404.html

    0
  210. 212

    Here’s another fantastic example I’ve come across:
    http://www.proofcreative.com.au/error

    2
  211. 213

    Old but still a good article! I’ve noticed that articles like this have encouranged many people to spend a long time on their error pages. But is this wise? It’s spending effort on something that not many people (should) see!

    0
  212. 214
  213. 215
  214. 216

    haha great stuff.. some of the are really funny… i’ll make something similar for my web site… :)

    0
  215. 217

    I ran across a funny one at Cal Poly. http://www.calpoly.edu/pagenotfound Oh dear, it says “no link dropping” in the comment instructions, so I hope this is not terribly inappropriate. I just thought it was cute.

    1
  216. 218

    For my 404, I wrote a small PHP script that yanks the page the user is looking for out of the address bar, gets rid of anything that’s not words [like slashes, hyphens etc] and puts it in a big shiny search box for them.

    0
  217. 219

    the Mario page was most hilarious… lol… i like that most… ;)

    0
  218. 220
  219. 221

    Here’s a fun one I found that should be added to the list! http://www.speedysigns.com/404

    0
  220. 222

    I sa w this one recently and thought I’d add it to your list http://www.hotels-agent.com/404

    0
  221. 223

    I loved s much s you?ll obtin crried out right here. The sketch is tsteful, your uthored subject mtter stylish. nonetheless, you commnd get got n

    0
  222. 224

    Name.com just pushed a new 404 Page
    http://www.name.com/error-404

    0
  223. 225

    Back to the future theme: http://bedmap.com/404

    0
  224. 226

    I found and interesting one: http://www.riluri.com/404error.php
    (drag the green slider in the middle of the screen)

    0
  225. 227

    http://deepanjandatta.com/404/ – just starting out, is this any good? :) .Some pretty creative stuff out here.

    0
  226. 228

    Thanks for the inspiration. I decided to exploit my daughter for this one! Hey, don’t judge me, she was only 8 weeks at the time. http://sdmllc.com/404.php

    0
  227. 229

    Most probably i have seen the most beautiful 404 page collection.

    0
  228. 230

    Bravo! these are just brilliant! :)

    0
  229. 231

    Today, I was searching benefits of custom 404 page on Google and found such an interesting blog post on SEOmoz by Randfish.

    I come to know about your blog post from here. You have given such a wonderful design concept for custom 404 page. But, I have question which is associated to SEO & page rank.

    You can find out my custom 404 page as above where I have created hyperlink to home page. So, will it pass page rank to home page, if any broken link have page rank?

    -1
  230. 232

    LoL Greats ideas !
    This one is awesone http://www.moonservices.ch/404/

    0
  231. 233

    Check out this 404 fashion page

    https://www.maedchenflohmarkt.de/404

    0
  232. 234

    404 are getting more and more fancy these days, for our website we chose nyan cat !
    http://utopiaweb.fr/404

    Aaaaand another one less common, 418 I’m a teapot :
    http://utopiaweb.fr/418

    1
  233. 235

    Another great 404 page from Cartobi… http://cartobi.com/404.php

    Shows a random place name that does not exist (such as Neverland). Very clever for a location based software company.

    1
  234. 236

    Check out Saforian’s 404 pages — http://www.saforian.com/404. Every time you get a 404 page it refreshes with a new persona

    0
  235. 237
  236. 238

    Nice collection !
    Thks for inspiration.
    Our error page : http://www.shozap.tv/404

    0
  237. 239

    Those are all awesome 404’s.

    This one is funny too:

    http://www.antistandard.com/site/404

    0
  238. 240

    Russian funny 404 from development site http://okostroy.ru/404/

    0
  239. 241

    here my 404 page:
    http://www.fan3rush.com/sdt/index.php/index.php/404

    what do u think ?

    0
  240. 242

    Would love to get your feedback for our new 404 page experience (Thanks!):
    http://rating-widget.com/404/

    1
  241. 243

↑ Back to top