Creative Error Pages
It’s broken, visually showing that the link you were trying to find is also, in fact, broken.09. The trail it left buzzing behind looks as though it was drawn by the end of the pencil (or the stinger). Here’s more – 50 Nice and Creative Error 404 Pages. Get it for free Canva logo Empowering the world to design. have a peek at these guys
Daniel Karcher Film Design StudiosThis 404 page employs a beautifully rendered subway station complete with empty train that rolls inThis site makes excellent use of animation including sound, and its 404 For the most part, you can configure your web server to create a customized 404 error page. (If you're a HubSpot customer, click here tolearn how to customize your 404 page It adds a nice touch, and the zero is still clearly read as a zero.39. Use Relevant ImageryWhile it can be funny to use images that don’t make much sense on your page, it can be beneficial to use images that do.
404 Error Page Template
Written byCaitlin JordanSee Caitlin Jordan’s latest postsCaitlin Jordan is a graphic designer and copywriter from Columbus, OH. Focus Lab Pin it 37. Both? Is it a thing that can be truly said to exist?
Everyone knows what a cleaned plate looks like after dinner, and the messaging of ‘no longer having that’ relates back to the image. Share it! It’s approachable and a bit quirky.25. 404 Error Message Text Home Star RunnerThis 404 page features amusing characters, downloads and shouts "404'd" at youAudio can be very effective when combined with visuals on a web page, especially as we're still in
Most Read Most Shared 1Google shares its toolkit for creating beautiful design 220 top new tools for freelancers 3Famous artworks ruined with design by committee 4The 23 best free cursive fonts Error Page Template Bootstrap The screaming is accentuated with a drumroll and funky bass soundtrack, all of which leaves an excellent impression (although the website itself is currently empty).18. Their 404 error page cleverly pretends to be a "junior developer's homepage" -- that junior developer being, well ... more info here The folks at Daniel Karcher did a great job with the animation on this page, including clever references to things like the television seriesLOST.The ticker at the top flips to say
Don’t feel the need to be muted just because it’s a 404 page. Juicy GraphicsThis 404 page uses a bright pop of orange on their 404 page. 404 Page Not Found If you view the image on Behance, it even moves, adding another layer of interest and entertainment.02. Be CheesyCheesiness can be endearing, so don’t be afraid to try it. Appeal to their emotions and they’ll connect to your brand. Salt City BuildsThis imagery is incredibly emotive paired with the text.
Error Page Template Bootstrap
All aboard!05. Skateboarding is a popular (amongst younger generations) and carries with it its own attitude. 404 Error Page Template It's mesmerizing, cool, and a great showcaseof their design capabilities. 23) HomeStarRunner.com HomeStarRunner.com, home to a Flash-animated cartoon series, has had a series of hilarious 404 error pages over the years. 500 Error Page If this is not a page, then what is it?
You don’t know where it is you’re going, but you know wherever it is, you’ll have better luck. More about the author Show a SceneCreate a scene in your 404 page. The pigeon making direct eye contact speaks to you, giving you options of what you can do from this point.07. You understand what it means without it being spelled out for you.05. 404 Error Page Html Code
Your cache administrator is webmaster. It works well because the tones are different enough that it doesn’t feel too ‘blue’, yet there is a clear theme and everything relates well to one another.13. Be CreativeTake liberties and turn one thing into another. http://ogdomains.com/error-page/creative-500-error-pages.php The Movie Nerd Pin it 6.
Centresource Pin it 11. Error 404 Text Message Prank If they would have used a pointier typeface it would have been disconnected, creating too much tension on the page.21. It doesn’t have to be spelled out in words, but in imagery. Dribbble/Kevin CdncThis 404 page is very literal.
Being a little tongue in cheek never hurt anybody, and most of the time humor is appreciated. STG.This 404 page is definitely tongue in cheek.
or is there any good Error 404 pages we’ve missed? Black Blue Brown Code tricks Colourful Great copy Green Grey Illustration Orange Photography Pink Purple Red Retro Simple Sketchy Texture Typography White Yellow Cancel Saloon Tags Submit Your 404 was successfully Learn. Simple 404 Page Html It has character, and the character within it is relatable (it is frustrating to reach a 404 page).26.
We love the reference to the Semisonic song "Closing Time": "You can click anywhere else, but you can't click here." 15) Cooklet Cooklet's error pageis simple and delightful in design and Like many other 404 pages on this list, this brand is poking fun at the fact that getting a 404 error isn't that big a deal. 12) OrangeCoat If you're going You can use shapes as patterns and texture, or you can use them together to create a new shape. Behance/Manoj BhadanaOn this page, icons were used together to create another shape news Habrahabr Pin it 28.
it never gets old. 2) Spotify Every year, Spotify releases their"A Year in Music" microsite. Tweet Proudly Sponsored By Design Jobs Senior UX/UI Designer MING Labs GmbH Berlin, Germany Senior Visual Designer MING Labs GmbH Berlin, Germany Related Articles Projections - Featuring Resn, Huncwot & Design Your attention is drawn to them, and you’re more likely to interact with them.33.