The 57 Most Creative 404 Pages in 2010

Social Warfare is the world's fastest and most intelligent social sharing plugin, engineered to increase social shares and drive traffic. Find out more.

It’s so annoying when you click on a link and you’re met with those annoying words, “404 – Page Not Found.”

404 is the error that you receive when you try to visit a url that doesn’t actually exist.  For example, the address is not areal page so it will kick back an error letting you know that there is no such page on the server.

When most people hit a 404 page, they will immediately leave your site not to return unless…. Unless your 404 page is so creative that your visitor’s interest is piqued enough to drive them into your site.  Here’s 50 pages that might inspire you to build your 404 page into something great.

Product Planner




Jack Fig


Suspended Animations


Chris Glass


News Pond


Hoot Suite




CSS Remix


Pattern Tap


Frye / Wiles




iStock Photo


Hornets 24-7














Rocket Theme


















Club Penguin


Blue Daniel


Social Thing






Amorphia Apparel


Digital Mash


iFolder Links




24-7 Media


Rubber Ducky


Just Creative Design








Rush 68




Student Market


Nick Ciske


Light Post Creative










Cartoon Network




Surfing on Static


Share your Opinion

and be a part of the discussion

  1. *Name (no keywords)

    * Indicates Required Fields
    Your Comment

55 Vibrant Comments

We would love to hear yours!

  1. February 15, 2010

    Christopher Hooper said:

    These are all creative 404 pages. It is also important to note in order to keep visitors from leaving the 404 page is to have your blogs archives or a selection of post to refer them back to. This works very well to keep your visitors from just leaving the site.

    • February 15, 2010

      Nicholas Cardot said:

      That’s a great point. I’ve actually seen some people redirect their 404 pages back to the homepage in an effort to accomplish that same effect.

  2. February 15, 2010

    Website Design Brisbane said:

    Brilliant list. The subway 404 was brilliant. 😀 Very nice. Also, it seems: was down for the count. Even the 404 could not be found.. 😛

  3. February 15, 2010

    izzat aziz said:

    that just great, 404 design always took people attention. Like Christopher say above, yup it really important to make sure reader know that even what they looking for is not there, there are much more other useful stuff that may interest theme.
    .-= My Latest Blog Post: 5 ways to get your blog a good design =-.

  4. February 15, 2010

    Helmi | Huzzer Magazine said:

    Site with more focus on its functionality more than design that can be take into consideration while making our 404 page is Problogger 404 page.

  5. February 15, 2010

    Ron Leyba said:

    Blue Daniel, Dawdle, D20 SRD and of course SS101 are my personal choice. They are all great and really eye catchy.
    .-= My Latest Blog Post: Webthesurfi Rugs Webdesign =-.

  6. February 15, 2010

    Technshare said:

    i lik the youcastr one its very nice and simple and thanks for the post ..nicholas
    .-= My Latest Blog Post: Google Buzz challenges Twitter And Facebook =-.

  7. February 15, 2010

    Adrienne said:

    Very creative. I use Blogger so I don’t think I can create a 404 page. There should be links from the archives like Woo Themes’ 404 like Chris Hopper said.

    I wouldn’t use sound like Ferdaze. I turn my sound off and if I didn’t know what a 404 page meant I would close the window and go to another site.
    .-= My Latest Blog Post: 23 Songs On My iPod That Embarrass Me =-.

  8. February 15, 2010

    Tony M said:

    Those 404’s are awesome and inspire me to finally get around to creating mine.

    But Nicholas, how in the world did you comprise this list?
    .-= My Latest Blog Post: Using the Thank Me Later Plugin on Fitness Blogs =-.

  9. February 15, 2010

    Mikkel 'DaneBlogger' Juhl said:

    some of these are good, though I think some of these aren’t that creative.

    I think Twitter’s could have done better, especially compared to the “overcapacity whale” – then that 404 is disappointing.

    I’d expect much more fun from Twitter :p
    .-= My Latest Blog Post: Why Blogging With a Passion is Key to Successful Blogging =-.

  10. February 15, 2010

    ATOzTOA said:

    Very innovative… great way to keep your visitors 🙂
    .-= My Latest Blog Post: Flash not working properly in Firefox 3.6 =-.

  11. February 15, 2010

    Anne Moss said:

    I agree with Mikkel – The Twitter one is boring. The others are pretty cool though – thanks for sharing!

    There’s something nice about people making an effort to design a page they don’t really want anyone to see…
    .-= My Latest Blog Post: I’m Not Posting Today =-.

  12. February 15, 2010

    Chris said:

    It is annoying to hit a 404 page. I actually visited one on my own site today and realized it was kind of ugly and wouldn’t exactly inspire confidence in a random visitor.

    I will have to use some of these examples as inspiration.
    .-= My Latest Blog Post: Marketing your Internet Business with a Cool App =-.

    • February 15, 2010

      Nicholas Cardot said:

      Chris » That’s the way to do it. Let these examples inspire you on to greatness.

  13. February 15, 2010

    Jasmine Henry from System Fail News said:

    The amount of times I’ve seen the “failwhale” on Twitter is crazy and the page is incredibly annoying. At least with some of the other 404 pages they have search boxes or suggestions of where to go next.
    .-= My Latest Blog Post: Which Console Do You Like Best? =-.

    • February 15, 2010

      Nicholas Cardot said:

      Jasmine Henry from System Fail News » Ha ha. That’s a good point. Their fail whale is pretty annoying, but I still think that it’s a creative approach to it.

  14. February 15, 2010

    JS said:

    Woah, I didn’t know there are such 404 webpages. ALright I’m a net dummy and thanks for sharing this web design info.

    twit : iagdint

    • February 15, 2010

      Nicholas Cardot said:

      JS » There are so many options for what you can transform your 404 page into. I’m glad that you were able to learn something new. That’s what this site is all about.

  15. February 15, 2010

    New York Web Designer said:

    If some people only knew how important a 404 error page really is, I see big companies making this mistake too, losing out on traffic and sales, after I started really using them, it’s responsible for $***’s extra monthly… I use one that I saw up here

  16. February 15, 2010

    Eric B. said:

    My 404 page looks so boring compared to these! I’ll need to work on that.

    Here’s another great 404 page:
    .-= My Latest Blog Post: 5 Ways to Add a Bit of Extra Detail to Your Web Design =-.

  17. February 15, 2010

    Jasmine Henry from System Fail News said:

    The FailWhale from Twitter is a good example of an error page at its best. It may be one of the most annoying pages ever known to man but it’s so creative and well designed that it’s memorable, what every error page should be.
    .-= My Latest Blog Post: Which Console Do You Like Best? =-.

  18. February 15, 2010

    Dennis Edell said:

    Very creative indeed. I’m still trying to learn how to do this simply.
    .-= My Latest Blog Post: Two Plugins Needed – What Do You Recommend? =-.

    • February 16, 2010

      Nicholas Cardot said:

      Dennis Edell » I know that with WordPress is meant modifying the 404.php to get it to look the way that you like it.

  19. February 15, 2010

    Technshare said:

    .-= My Latest Blog Post: Google Buzz challenges Twitter And Facebook =-.

  20. February 15, 2010

    Mike Stenger said:

    Awesome list Nick! I was trying to find one of my favorites but there’s too many good ones. Hootsuite’s was pretty funny but so are a bunch of others.

    I also thought Heinz’s was pretty creative (and catchy). Don’t see a lot of big brands have custom 404 pages then again, probably not a ton of people see them in the first place.
    .-= My Latest Blog Post: 3 Tips To Creating Attention Grabbing Video =-.

  21. February 16, 2010

    Lee Ka Hoong said:

    These designers have really great 404 error page on their blog and site! Between, why not you include your 404 error page in the list Nick? You have a nice 404 error page as well. 😉


    • February 16, 2010

      Nicholas Cardot said:

      Lee Ka Hoong » Thanks Lee. I included my site in another recent post and I don’t want to toot my own horn too often. People might not like that.

  22. February 16, 2010

    rabsin_d said:

    Cool! Never thought about it… I’ll try to make one myself.
    .-= My Latest Blog Post: Webthesurfi rugs webdesign =-.

  23. February 16, 2010

    Nicholas Cardot said:

    That one from blizzard is very cool. Now I want to start a whole new collection of awesome 404 pages and use that as the first one in the list.
    .-= My Latest Blog Post: The 57 Most Creative 404 Pages in 2010 =-.

  24. February 16, 2010

    Dennis Edell said:

    Ah yes OK, something for my designer to do. lol
    .-= My Latest Blog Post: Two Plugins Needed – What Do You Recommend? =-.

  25. February 16, 2010

    rabsin_d said:

    Cool! Once I’m done with my 404 page, I’ll show it to you if it gets qualified as a creative 404 page 😀
    .-= My Latest Blog Post: Webthesurfi rugs webdesign =-.

  26. February 16, 2010

    quadrillio said:

    Great idea and eaycatching post. Love to please my eyes.

    Nice work.

  27. February 16, 2010

    Ben said:

    These are great! I especially like your’s and Mixx’s 404 page.
    .-= My Latest Blog Post: Abstract Wallpaper Set 22 =-.

  28. February 16, 2010

    Olusegun said:

    Fuelly kind of copied twitter’s twamu when there is an overload.

    I like the research efforts. how long did it take?
    .-= My Latest Blog Post: 20 lessons I have learnt about blog commenting =-.

  29. February 17, 2010

    Max R. Scheer said:

    Great collection and thanks so much for including one of mine!
    Made my day 🙂

  30. February 17, 2010

    ESN said:

    Wow pretty designs.

    I just realised that my 404 page is very similar to that of YouCastr and Github: ttp://
    .-= My Latest Blog Post: Weeky Round-up: 15 must read development, design and blogging articles =-.

  31. February 22, 2010

    FlashMoto said:

    Some of the 404 pages look really creative. But have you seen FlashMoto 404 page? The most colorful, I guess 🙂
    .-= My Latest Blog Post: FlashMoto Introduces the Multilingual Flash CMS! =-.

  32. February 28, 2010

    Dev | Technshare said:

    cool and eaycatching post
    .-= My Latest Blog Post: 12 ways to promote your blog offline =-.

  33. March 1, 2010

    Ah Hong said:

    Nick, great share. I was thinking to redesign my 404 page after comparing those in your list.
    .-= My Latest Blog Post: Awet Thai Food Restaurant =-.

  34. March 9, 2010

  35. May 17, 2010

    Vinish Parikh said:

    That was quite creative as well as funny 🙂
    .-= My Latest Blog Post: Differences between Bill of exchange and Promissory note =-.

  36. September 10, 2010

    Marijan Sivric said:

    Hahaha…I really like this list! Even the 404 pages are looking good these days!

  37. October 2, 2010

    Ranni said:

    Here is another example for you:

    • December 25, 2010

      Eman Cruz said:

      Yeah! It’s cool haha. I literally spent five minutes just staring at the opening and closing elevator door; cool.

  38. December 25, 2010

    Eman Cruz said:

    Before I learned about 404 pages, I usually push the “X” button and look for other sites instead. Now, that I have more knowledge about the Internet, I know that people who don’t know what a 404 is, are lost traffic that might not reach your site of blog ever again.

    The lesson is: you also need to focus on your 404 pages if you don’t want another lost potential reader, due to a 404. 😀

    • May 2, 2011

      Sam | Freelance Web Designer Birmingham said:

      I couldn’t agree more – my attitude used to be “Well if someone has landed on a 404, it’s their fault”.

      How naive I was!

      • May 2, 2011

        Nicholas Cardot said:

        Exactly. Every visitor has the potential of becoming a regular reader, but you first have to do something to grab their attention.

      • August 21, 2011

        Jake said:

        404 pages can crop up for tons of reasons – always best to make sure they get to where they want, even if IS their fault.

  39. May 3, 2011

    marc said:

    it would be great if a 404 page could show relevant articles based on the typed url, or if there are no relevant articles show the latest articles

    • May 3, 2011

      Nicholas Cardot said:

      I used to agree with that, but I’m becoming convinced that if you can’t provide exactly what they’re looking for then they’re going to head somewhere else unless you can really grab their attention.

  40. September 28, 2011

    Alex said:

    I like third and last one. On my website you also can find creative 404 page. So check it now.

  41. December 7, 2013

    Branden said:

    GitHub now has a new example, complete with Parallax effect.

    Some others that got us inspired: (w/ parallax effect), (golfers will sympathize), (broke our hearts).

    This is what we came up with: What do think? Any ideas on how can we improve it?

    Thanks for the round-up Nicholas!

    p.s. one more to love: (calling all football fans)