The Best of Error 404 Pages


If you going to have a jazzy website design, then why not have the default error 404 page that your browser throws up? Why not have your own one. Many websites have made a custom error 404 page. Here is a collection of some of the ones I like best.

Let me know what one you like the best. I think the Heinz empty bottle is one of the most creative. Also, I’m sure there are many other cool error 404 pages out there and we would love to hear about them. If you find any more creative ones, please drop us a comment!

Error 404 Compilation…


Heinz 404 Error Pages

Heinz custom 404 page looks awesome! It’s simple, yet effective! You can imitate it by using a high quality photograph as a custom 404 page. 

Martin Korner

Martin Korner 404 Error Pages

This road skign concept is very nice for a 404 page. It’s unique and fun!

Suspended Animations

Suspended Animations 404 Error Pages

The weird and cute vector mascot makes this page stand out! It also displays a navigation menu, which is  avery good thing. 

404 Train

404 Train Error Page

The 404 train is a cool concept to use for your 404 page design. 

Red Tag

Red Tag 404 Error Pages

This is a super-fun 404 page made of vector illustrations. The upside down idea is very creative!

Error 404

Error 404

You can add your own photo to your 404 page if you’re designing it for your portfolio.

Renet Web

Renet Web Not Found Page

This 404 page has a nice sunburst effect and cool grungy elements. 

Error 404

Error 404 #2

This is a simple and modern design for a 404 page. It is designed in shades of blue and the text has a metallic effect added to it. 

404 Not Found

404 Not found

This 404 page uses an Attention sign. It simple but some links would be more useful. 

CSS Tricks

Css Tricks 404 Error Page

CSS Tricks has a super fun, personalized 404 page. The ripped paper effect and the code behind are very nice details. 

Home Star Runner

Home Star Runner 404 Error Pages

This is a super-creative and fun 404 page design. The text will make you laugh and the handdrawn fonts adds some more personality to the design. 

404 Error

error page design

This is a weird 404 page with some cool photos and vector graphics and red as an accent color. 

24-7 Media

24-7 Media 404 Error Page

Creepy! This 404 page uses a dead fly as a main graphic element. This is surely a 404 page to remember. 

WP Beginner

404 Error Pages - WP Beginner.

This is a lovely 404 page with orange accents. It’s simple and user friendly. 


404 Error Pages - Fotolia.

Fotolia has a great 404 page with a camera lens image as a main graphic element. 

Frye Wiles

404 Error Pages - Frye Wiles.

The cure, fat bird vector illustrations make this custom 404 page look unique. The message is super fun and will surely put a smile on your face. 

Jack Fig

404 Error Pages - Jack Fig

This is a simple and nice 404 page with a vector attention sign, clouds and grass elements. 

Fortune Cookie Error

404 Error Pages - Fortune Cookie

This is a super fun fortune cokie 404 page, with a cool message “404 fortune not found”. 

iStock Photo

404 Error Pages - iStock Photo

This 404 page has some really cool graphics. The clouds and kitten vectors make it both cute and fun! The error message is great too!

Apartment Home Living

404 Error Pages - Apartment Home Living

This vintage inspired 404 page is defintely unique and looks great! No links though.

About the Author

Iggy Ko

Facebook Twitter Google+

I am the owner and main person behind WebDesignDev. I blog about all kinds of web design topics.

Iggy KoThe Best of Error 404 Pages

Comments 82

  1. Jared

    hahaha, that last one cracked me up. nice post. good stuff.

  2. David Y

    I agree with Jared, that last one is hilarious.

  3. Jorge Saturno

    I like the Frye Wiles page! haha

  4. Yamba

    hahaha some of those are awesome!

  5. Clinton

    Jollygood post!

  6. Jennifer

    Great compilation of 404! I simply love creativity where you least expect it. Agreed about the Heinz bottle too….. Very creative!

    Check out mine….

    1. Designer

      Yours looks nice. Maybe you could add in bold error 404 somewhere because the error doesn’t really stand out that much.

    2. Jennifer

      I amended to help stand out…. Thanks!

  7. Mike

    Here’s another one to add –

    1. Designer

      Great use of animation. Nice find!

  8. Ricardo Arce

    Nice post, we use a nice pic for the 404 file for; look for example:

    1. Designer

      Nice image used there. :)

    1. Shervin

      lol, that should’ve been on the list!

    2. Stephen - NYC

      What was it? Now on Sept 19, 2010 it looks like a regular 404 error – page not found on server.

  9. tony ramirez

    some of these are really funny lol

  10. jordy

    You missed the (in my opinion) really good one:

    1. Designer

      Ha, nice find. Very creative 😉

  11. jahoo

    great stuff!!

  12. Joris

    Pretty sweet 404 pages 😀

    1. Designer

      Nice and clean ;P

  13. Web Design Lebanon

    Niceee. But all of them should have link back to the homepage or specific category.

  14. Roman

    You missed that one:

    1. Designer

      Love the cracked glass effect.

  15. Oleg

    Yea! Coll and Creative pages! Look at mine:

    1. Designer

      Empty pockets. Classic 😛

      1. Oleg

        Yes, classic, but did you see idea like this for 404 page on other sites?

  16. Damian Herrington

    Nice selection!
    Heres mine:

  17. ron

    i like the one on because it’s helpful too – well kind of!

    Still the heinz one rocks!

    1. Designer

      Love the text effects!

  18. Williams Mendez

    Ohh! I like all of them!!!

  19. Shervin

    I like the dead fly the best. These are really cool. Thanks for sharing!

  20. Oliver

    Nice compilation ! Our 404 here:

    1. Designer

      Love the design. Looks like i’m lost.

  21. Marcus Neto

    nice post. wanted to throw mine into the loop as well…

    1. Designer

      Nice big pic!

  22. Dumm

    much better than the default. good job. regards

  23. Mark

    Loving the 404 train. Must remember to get a good one added to mine when I can afford a new design. 😀

  24. Mike

    Heinz is brilliant–does it all with just an image.

  25. Werbeagentur 4c media

    Great 404 Pages! Our 404 Site is with PC Bluescreen Style.

  26. FalkEbert

    I like that one:

  27. hans

    very nice images…
    here is my 404-error page:
    it’s only in german…

  28. Pingback: Diseños de paginas 404

  29. Simon

    Very nice post ! Some of them are awesome !

    Check it out mine:

  30. Lindsay M

    “Fortune Not Found.” That just made my day!

  31. andero

    Hey, where is abduzeedo`s lost in space/not found page?

  32. Grafika-M

    Great post!
    Look at my 404 page!
    Your opinion?

  33. Le Mag

    Loving the 404 train. =)
    Must remember to get a good one added to mine when I can afford a new design.

  34. Josh

    Love it when developers get creative with 404 error pages! I vote for the fortune cookie. Here’s a 404 page I put up recently:

  35. Steve Haigh

    Great. Maybe it’s time to refresh my 404.

  36. Al Winmill

    A little absurd, but definitely funny. (I interned at this shop, or I probably wouldn’t have seen it)

  37. Bec

    They are some super cool error pages!

  38. sam

    hi nice collection of 404 pages.

  39. fasalsalam

    wow nice…. thanks dude

  40. Ted Arneson

    Some of these are great but not all of them are even creative! what about’s 404 page – pretty clever.

  41. Pierrinho

    this is mine, inspired by Blizzard

  42. Mohawk Kellye

    I’m glad to see HSR on there. I always thought that on was funny.

  43. Studio76

    Nice list !

    Check this:

  44. Elyann Tucker

  45. Lopette

    I like this one:

  46. giographix

    Nice list –Check out our 404 page:

  47. htman

    Hi! Do check this out too:

  48. Hashim

    Helpful.. nice collection
    thinking how will my 404 be look like

  49. Adrian

    1. Web Design

      Long live Diablo III : )

  50. Kaupo

    Digital Agency OKIA @ Estonia:

  51. Catch22

    I was kind of hoping we would make the list…

  52. Steve Ollice

    I always love 404 pages that have a sense of humor. We all make mistakes right? Check out the 404 page I created for the sports photography site, Replay Photos.

  53. UK Web Designer

    I’m a big fan of anything that enhances usability and error pages are no exception. I always get clients to picture their customers ‘journey’ through their website and try to look for bottlenecks. Deadlinks are a massive banana skin and these fab designs will help to drive my message home whilst inspiring web designers to think outside their comfort zone. Thanks for putting this together guys (already retweeted, liked, plus one, and LinkedUp – Yay :-)

  54. Pat E.

    Here’s a cool one:

  55. Bedmap

    Back to the future 404:

  56. Chris

    Yeah nice!

    Check out this:

  57. Baptiste

    We made a nyan 404
    And also the famous 418 I’m a teapot page

  58. Stephanie Cristal D.

    Thanks for sharing, have always been enjoying your posts. :)

    By the way what do you think about my 404 page?

  59. anjali gujrati

    404 pages are awesome

  60. Tara

    Good stuff! The 24/7 page is my favorite because I have a soft spot for wordplay, but I also love the design of the page that looks like a deconstructivist poster…very compelling design.

    I just have to LOL at everything Homestarrunner. Arrow’d!

  61. Branden The Informr

    The Heinz ketchup example is a great one. You can now see it here:

    Some others that got us inspired: (w/ parallax effect), (golfers will sympathize), (broke our hearts). This is what we came up with: Any ideas on how can we improve it?

    Thanks for the round-up Iggy!

  62. Peter

    Check this out:

Leave a Reply

Your email address will not be published. Required fields are marked *