Smashing Magazine - we smash you with the information that will make your life easier. really.

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 previous posts. 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 Twitter Twitter in 404 Error Pages, One More Time 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 & Taste
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!

Cut in 404 Error Pages, One More Time

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

Chalk in 404 Error Pages, One More Time

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

Simp in 404 Error Pages, One More Time

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

Duoh in 404 Error Pages, One More Time

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

Apa in 404 Error Pages, One More Time

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

Chris in 404 Error Pages, One More Time

Huwshimi.com
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!

Ninja in 404 Error Pages, One More Time

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

Ilt in 404 Error Pages, One More Time

Newspond
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.

Newspond in 404 Error Pages, One More Time

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

Milk in 404 Error Pages, One More Time

jhuskisson.com

14 in 404 Error Pages, One More Time

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

Gog in 404 Error Pages, One More Time

User-Friendly 404 Error Pages

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

Rapid in 404 Error Pages, One More Time

InspirationBit
InspirationBit presents an overview of popular and recommended articles.

Bit in 404 Error Pages, One More Time

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

Uh in 404 Error Pages, One More Time

Ma.gnolia.com

Mag in 404 Error Pages, One More Time

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.com
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.”

02 in 404 Error Pages, One More Time

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

Houston in 404 Error Pages, One More Time

Habrahabr
An illustrative image (sent by sabugao on Twitter).

Habr in 404 Error Pages, One More Time

CSS Remix
This fellow is quite scared (sent by @dezignMusings on Twitter).

Remix in 404 Error Pages, One More Time

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

07 in 404 Error Pages, One More Time

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

26 in 404 Error Pages, One More Time

Frye/Wiles
Frye/Wiles Creative Agency.

08 in 404 Error Pages, One More Time

Heinz
The 404 for the best-known ketchup.

37 in 404 Error Pages, One More Time

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

22 in 404 Error Pages, One More Time

Craigslist
An ASCII 404 error page from Craigslist.

Ascii in 404 Error Pages, One More Time

The Truth
Is this really the truth?

01 in 404 Error Pages, One More Time

Wulffmorgenthaler
Blame that weird beaver on Wulffmorgenthaler.

17 in 404 Error Pages, One More Time

Henrik Hedegaard
Henrik Hedegaard seems to like the Simpsons.

Woop in 404 Error Pages, One More Time

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

04 in 404 Error Pages, One More Time

Daze of Our Lives
“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?”

Dickens in 404 Error Pages, One More Time

Limpfish
Wanted: a Web page.

Wanted in 404 Error Pages, One More Time

Orangecoat
“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.

Dear in 404 Error Pages, One More Time

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

Bread in 404 Error Pages, One More Time

Dawdle
Mario occasionally entered the wrong castle.

Mario in 404 Error Pages, One More Time

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

Uh2 in 404 Error Pages, One More Time

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

Niki in 404 Error Pages, One More Time

Twitter
Twitter uses a minimalistic yet attractive 404 error page.

Twitter in 404 Error Pages, One More Time

Livadaru
Homer on the blog of Cristian Livadaru.

05 in 404 Error Pages, One More Time

ARTTHUG Studios
Homer again, this time at ARTTHUG Studios.

10 in 404 Error Pages, One More Time

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

06 in 404 Error Pages, One More Time

d20 SRD
A brutal error at d20 SDR!

19 in 404 Error Pages, One More Time

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

40 in 404 Error Pages, One More Time

Animation? Sure!

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

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

12 in 404 Error Pages, One More Time

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

11 in 404 Error Pages, One More Time

Total Insanity
Total Insanity shows us what insanity really means.

24 in 404 Error Pages, One More Time

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

404 in 404 Error Pages, One More Time

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

18 in 404 Error Pages, One More Time

Bluedaniel
Daniel Karcher’s film design studio.

03 in 404 Error Pages, One More Time

Sources and Resources

(al)

Sylwia Besz is a project manager who loves blogging and photography.

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (No votes yet)
Loading ... Loading ...

Tags: , ,

Advertising
  1. 1
    Mike M.
    January 29th, 2009 9:18 am

    Nice list.

  2. 2
    Martijn Vandenberghe
    January 29th, 2009 9:19 am

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

  3. 3
    dan
    January 29th, 2009 9:23 am

    funny stuff

  4. 4
    Milan
    January 29th, 2009 9:30 am

    Great article, these ones are very enjoyable to read.

  5. 5
    Many
    January 29th, 2009 9:30 am

    I love the brightkit and the fryewiles one :D

  6. 6
    Ankit Ahuja
    January 29th, 2009 9:30 am

    Extremely creative!

  7. 7
    Shortshire
    January 29th, 2009 9:31 am

    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.

  8. 8
    danny m
    January 29th, 2009 9:32 am

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

  9. 9
    Ernest Ojeh
    January 29th, 2009 9:38 am

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

  10. 10
    Flicdelapolice
    January 29th, 2009 9:39 am

    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.

  11. 11
    claudio
    January 29th, 2009 9:51 am

    yeah real cool error´s !

  12. 12
    Ross
    January 29th, 2009 9:53 am

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

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

    and click on the image!!

  13. 13
    webmeister
    January 29th, 2009 9:54 am

    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.

  14. 14
    Noam
    January 29th, 2009 9:58 am

    Enjoyed it so much…
    tnx!

  15. 15
    Isaiah Q
    January 29th, 2009 9:59 am

    Very useful and entertaining, thanks!

  16. 16
    anonim
    January 29th, 2009 10:02 am

    One more time? You promise?

  17. 17
    La
    January 29th, 2009 10:12 am

    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 :(

  18. 18
    Benjamin Falk
    January 29th, 2009 10:13 am

    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.

  19. 19
    Fish
    January 29th, 2009 10:15 am

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

  20. 20
    TJ Mapes
    January 29th, 2009 10:31 am

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

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

  21. 21
    Navdeep
    January 29th, 2009 10:33 am

    Great list… Thanks

  22. 22
    Henrik Hedegaard
    January 29th, 2009 11:00 am

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

  23. 23
    Paul
    January 29th, 2009 11:03 am

    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!

  24. 24
    Saeed Jabbar
    January 29th, 2009 11:14 am

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

  25. 25
    andreas.wpv
    January 29th, 2009 11:16 am

    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

  26. 26
    jspin77
    January 29th, 2009 11:18 am

    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

  27. 27
    T
    January 29th, 2009 11:18 am

    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…

  28. 28
    Vitaly Friedman & Sven Lennartz
    January 29th, 2009 11:37 am

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

  29. 29
    webmeister
    January 29th, 2009 12:07 pm

    @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.

  30. 30
    Vitaly Friedman & Sven Lennartz
    January 29th, 2009 12:21 pm

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

  31. 31
    Martin
    January 29th, 2009 12:24 pm

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

  32. 32
    Drakevr
    January 29th, 2009 12:33 pm

    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

  33. 33
    Latterlig!
    January 29th, 2009 12:35 pm

    Beautiful. We had to link this! :-)

  34. 34
    auras
    January 29th, 2009 1:30 pm

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

  35. 35
    Jason L.
    January 29th, 2009 1:39 pm

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

  36. 36
    glossygames.com
    January 29th, 2009 2:14 pm

    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

  37. 37
    Michael Tyson
    January 29th, 2009 2:29 pm

    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”

  38. 38
    myows
    January 29th, 2009 2:44 pm

    gotta get working on my 404 !

    why all the homer ?

  39. 39
    Digiguru
    January 29th, 2009 3:18 pm

    I think I have a pretty unique

  40. 40
    chris rhee
    January 29th, 2009 3:30 pm

    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.

  41. 41
    Alexandre Beu
    January 29th, 2009 3:37 pm

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

    :)

  42. 42
    Quakeulf
    January 29th, 2009 3:58 pm

    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…

  43. 43
    Tp
    January 29th, 2009 3:59 pm

    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.

  44. 44
    Harprit
    January 29th, 2009 4:00 pm

    How do you find this stuff—nice

  45. 45
    Ian Gray
    January 29th, 2009 4:09 pm

    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).

  46. 46
    Michal
    January 29th, 2009 4:53 pm

    Cool and very funny examples. Hihi.

  47. 47
    Brian Gottier
    January 29th, 2009 5:08 pm

    HAHAHA! Gotta love those custom 404 pages!

  48. 48
    Jamie Huskisson
    January 29th, 2009 5:12 pm

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

  49. 49
    Ed
    January 29th, 2009 5:28 pm

    Very Nice. Here is another one

  50. 50
    Josh
    January 29th, 2009 6:10 pm

    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

  51. 51
    projectautomatika
    January 29th, 2009 6:11 pm

    Nice list! Enjoyed watching those creative 404 pages.

  52. 52
    dragoshell
    January 29th, 2009 6:48 pm

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

  53. 53
    Doug G
    January 29th, 2009 8:03 pm

    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′.”

  54. 54
    Prasanna Jathan
    January 29th, 2009 8:51 pm

    Great list again.. Thanks

  55. 55
    waqar
    January 29th, 2009 10:29 pm

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

  56. 56
    alex
    January 29th, 2009 10:57 pm

    Superb post.

  57. 57
    ami
    January 29th, 2009 11:51 pm

    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…. ;-)

  58. 58
    tom hermans
    January 30th, 2009 12:00 am

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

  59. 59
    der Speck
    January 30th, 2009 12:06 am

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

  60. 60
    Sylwia
    January 30th, 2009 12:12 am

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

  61. 61
    PomCompot
    January 30th, 2009 12:16 am

    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.

  62. 62
    Alexander Dombroff
    January 30th, 2009 12:23 am

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

  63. 63
    sal azad
    January 30th, 2009 12:40 am

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

  64. 64
    David
    January 30th, 2009 12:42 am

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

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

  65. 65
    Lee-Lee
    January 30th, 2009 1:07 am

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

    Superduper post!! ;)

  66. 66
    Niklaus Gerber
    January 30th, 2009 1:11 am

    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 :-)

  67. 67
    spirit
    January 30th, 2009 1:21 am

    Awesome! Hilarious!

  68. 68
    j0cker
    January 30th, 2009 2:02 am

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

  69. 69
    J0hn
    January 30th, 2009 4:26 am

    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!’ .

  70. 70
    dillu
    January 30th, 2009 4:46 am

    more 404 pages here ..
    http://techyview.blogspot.com/2008/12/creative-404-error-pages_27.html

  71. 71
    Ram
    January 30th, 2009 5:08 am

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

  72. 72
    mew
    January 30th, 2009 5:24 am

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

  73. 73
  74. 74
    404nerd
    January 30th, 2009 5:46 am

    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!

  75. 75
    Pradeep CD
    January 30th, 2009 5:53 am

    Beautiful pages.

  76. 76
    Marvin
    January 30th, 2009 5:53 am

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

  77. 77
    noonv
    January 30th, 2009 5:57 am

    cool :))

  78. 78
    Quiff Boy
    January 30th, 2009 6:06 am

    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

  79. 79
    alon
    January 30th, 2009 6:30 am

    where is ours!?

    http://www.devunity.com/errors/unavailable.php

  80. 80
    Cédric GIRARD
    January 30th, 2009 6:38 am

    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 ^_^)

  81. 81
    not2comply
    January 30th, 2009 6:47 am

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

  82. 82
    arickard
    January 30th, 2009 6:51 am

    Love this stuff…

    http://metatheory.wordpress.com

  83. 83
    Teylor
    January 30th, 2009 6:58 am

    I think css-trick 404 error is the best

  84. 84
    Jordan McClements
    January 30th, 2009 7:32 am

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

    ROFL etc…

  85. 85
    Zerolove
    January 30th, 2009 7:33 am

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

    Zero

  86. 86
    Aramroth
    January 30th, 2009 8:09 am

    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.”

  87. 87
    F Zuccaro
    January 30th, 2009 8:18 am

    http://www.frankzuccaro.com/404.htm

  88. 88
    Andrew
    January 30th, 2009 8:42 am

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

  89. 89
    Adam
    January 30th, 2009 8:56 am

    funny 404:
    http://www.247mediastudios.com/idunno

  90. 90
    Linda Kelson
    January 30th, 2009 10:06 am

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

  91. 91
    Daryl
    January 30th, 2009 10:51 am

    great idea… will have to try it

  92. 92
    NNicole
    January 30th, 2009 11:03 am

    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

  93. 93
    Sarah
    January 30th, 2009 11:29 am

    Here is one of my favorites … http://www.revolutiontwo.com/demo/album/404

  94. 94
    jeff noyes
    January 30th, 2009 11:48 am

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

  95. 95
  96. 96
    Sachin Agarwal
    January 30th, 2009 1:33 pm

    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.

  97. 97
    Nikita Kondraskov
    January 30th, 2009 2:06 pm

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

  98. 98
    sergi
    January 30th, 2009 2:42 pm

    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.

  99. 99
    mammut
    January 30th, 2009 3:25 pm

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

  100. 100
    four o four
    January 30th, 2009 4:08 pm

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

  101. 101
    Beverly Millson
    January 30th, 2009 5:05 pm

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

  102. 102
    Andrew
    January 30th, 2009 5:06 pm

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

    cheers from Brooklyn.

  103. 103
    Simon T Small
    January 30th, 2009 5:07 pm

    I found this one yesterday.
    http://flickr.com/photos/simontsmall/3237047397/

  104. 104
    Dan
    January 30th, 2009 5:31 pm

    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.

  105. 105
    Volker Kemeter
    January 30th, 2009 11:39 pm

    mine – old one, but good one ;)

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

  106. 106
    Ralph
    January 30th, 2009 11:48 pm

    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

  107. 107
    Kitty
    January 31st, 2009 1:40 am

    Great collection!

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

  108. 108
    shubhangi
    January 31st, 2009 2:36 am

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

  109. 109
    Erkan
    January 31st, 2009 3:33 am

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

  110. 110
    netics
    January 31st, 2009 6:10 am

    you forgot http://www.southparkstudios.com/404.html :(

  111. 111
    Greg
    January 31st, 2009 11:13 am

    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

  112. 112
    Reshank
    January 31st, 2009 11:45 am

    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.

  113. 113
    Camilo Oliveira
    January 31st, 2009 6:49 pm

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

  114. 114
    Andrew Harrison
    January 31st, 2009 8:01 pm

    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

  115. 115
    chris rhee
    January 31st, 2009 10:30 pm

    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

  116. 116
    zeroin
    January 31st, 2009 11:46 pm

    another funny one: http://www.amcharts.com/404

  117. 117
    Pit
    February 1st, 2009 4:49 am

    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

  118. 118
    skimati
    February 1st, 2009 5:17 am

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

  119. 119
    afrix
    February 1st, 2009 5:52 am

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

  120. 120
    freedownload.ir
    February 1st, 2009 1:47 pm

    very very very good , thank you ;)

  121. 121
    Kayla
    February 1st, 2009 2:43 pm

    Good finds, I love the funny ones.

  122. 122
    pipsa
    February 1st, 2009 3:56 pm

    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

  123. 123
    Emmanuel Bretón
    February 1st, 2009 7:10 pm

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

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

    ejej

  124. 124
    Joey
    February 1st, 2009 7:24 pm

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

  125. 125
    vanice
    February 1st, 2009 8:52 pm

    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 ^_^

  126. 126
    Angelo Panares
    February 3rd, 2009 6:55 am

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

  127. 127
    Brad
    February 3rd, 2009 12:55 pm

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

    Kidmondo.com

  128. 128
    Alex
    February 3rd, 2009 3:35 pm

    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

  129. 129
    jsonvega
    February 3rd, 2009 7:59 pm

    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!

  130. 130
    jehzlau
    February 4th, 2009 5:40 am

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

  131. 131
    Rodrigo Henrik
    February 4th, 2009 1:02 pm

    Cool! Congrats!

  132. 132
    Jack Leonid
    February 4th, 2009 10:35 pm

    Studio-XL.com official 404 error page

    not only beautiful, but 100% valid:

    Link

  133. 133
    Sai Gudigundla
    February 5th, 2009 7:43 am

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

  134. 134
    TheBattle
    February 5th, 2009 11:36 pm

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

  135. 135
    Not A Niche
    February 9th, 2009 10:51 am

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

  136. 136
    kunstgriff
    February 9th, 2009 3:55 pm

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

  137. 137
    Taunus-Blogger
    February 10th, 2009 11:41 pm

    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.

  138. 138
    Ryu
    February 13th, 2009 5:09 am

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

  139. 139
    Tom Bradshaw
    February 26th, 2009 5:24 am

    some very clever examples… nothing like a good 404

  140. 140
    Luana
    February 27th, 2009 3:46 am

    Hi!
    This is my 404 error page:

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

    Thank you.

  141. 141
    brista
    February 28th, 2009 3:49 pm

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

  142. 142
    Scott Motte
    March 14th, 2009 12:51 am

    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

  143. 143
  144. 144
    Ted
    March 21st, 2009 8:12 am

    an other fun one: http://www.cabaretbisanzio.com/404.php

  145. 145
    HamBoneZ
    March 23rd, 2009 5:40 am

    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

  146. 146
    Oleg
    April 2nd, 2009 10:12 pm

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

  147. 147
    Melanie
    April 4th, 2009 6:29 am

    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.

  148. 148
    arvind
    April 5th, 2009 8:57 pm

    Nice work man….
    Arvind

  149. 149
    Daniel
    April 5th, 2009 9:09 pm

    Nice work

  150. 150
    Cilla
    April 10th, 2009 11:39 pm

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

  151. 151
    anonymous
    May 13th, 2009 4:49 am

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

    Intermix Management

  152. 152
    Dalibor Vasiljevic
    May 19th, 2009 3:38 am

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

  153. 153
    Tom
    May 23rd, 2009 6:06 pm

    This one is also awesome. Changes every time!

  154. 154
    Michel van Agtmaal
    June 20th, 2009 3:58 am

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

  155. 155
    zed
    June 26th, 2009 6:47 pm

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

  156. 156
    ekspekt
    June 30th, 2009 12:31 pm

    interesting post, will come back here, bookmarked your site

  157. 157
    Michael Austin
    July 15th, 2009 11:13 am

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

  158. 158
    Maria
    August 2nd, 2009 4:51 pm

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

  159. 159
    Daniel Woods
    September 26th, 2009 6:38 am

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

  160. 160
    Arnaud
    October 1st, 2009 2:22 pm

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

  161. 161
    White!
    October 18th, 2009 4:32 am

    =) http://motos.kiev.ua/404

  162. 162
    Greg
    October 22nd, 2009 9:10 pm

    This one uses a Mary Worth comic.
    http://www.openendedadventure.com/404.html

  163. 163
    Don Bledsoe
    October 26th, 2009 4:30 pm

    I think our 404 is fun … http://www.forefrontinternet.com/404.shtml

  164. 164
    ted
    October 29th, 2009 6:21 am

    beautiful 404 : http://www.studentsfuckschool.fr/404

  165. 165
    Michael Williams
    November 8th, 2009 10:15 pm

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

  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
Post your job