404 pages: Check out the best error pages around

16. Victoria Spicer

Victoria Spicer 404 error page

Image: Victoria Spicer

Victoria Spicer is a set designer and prop stylist based in London. As you'd expect, her portfolio site is packed with beautiful photography, and her 404 error page is no different. It shows off her playful side while still keeping things looking polished. 

17. Figma

Even though we have a copy of Illustrator CC right here, and could play with anchor points and Bézier curves literally any time we want, we're still entranced by Figma's 404 page. Oversized 404 text is rendered in vectors that you can reshape to your heart's content. Have a go for yourself.

18. Airbnb

This 404 page from Airbnb features a simple-but-delightful animation of an unlucky girl dropping her ice-cream on the floor. Airbnb has built its reputation on being personable and friendly, and this 404 page suits its brand image perfectly.

19. Hot Dot Production

Hot Dot Productions has applied its 'where design meets technology' tagline to its impressive 404 page, which features the three numbers made up of hundreds of tiny dots that change direction or disperse in response to the visitor's mouse movements. Seriously cool. Play around with it yourself here.

20. Lego

LEGO can do no wrong in our eyes (have you read our piece on how Lego reinvented itself as a super-brand yet?). We love this cute 404 page, which keeps things simple with some alarmed Lego figures and a jargon-free explanation.

21. GitHub

You'd expect some tech wizardry from a website dedicated to code versioning. The 404 page targets a different kind of geeks with a simple Star Wars parody elevated by a smart parallax effect when you move your mouse. GitHub also has a nice 500 page for when the server breaks.

22. CSS Ninjas

The web design world loves ninjas. Often as part of a self-styled job title. Falling in with the trend (and, we guess, its name), the 404 page for CSS Ninjas features a clean, stylised illustration that reflects the site's general approach to design.

23. MailChimp

In autumn 2018, ultra-hip email newsletter service MailChimp underwent a rebrand, and its 404 page has a new look to match. The new-look error page features on of the off-beat, naive illustrations around which MailChimp's new branding centres. And really, what says 'I'm lost' better than a donkey with its head in a hole? 

24. Volta Footwear

404 pages: Volta

Image: Volta

Volta is a footwear store based in Milan. Its website includes plenty of cool UI design touches, and we like that it's not just gone for a standard 404 page, either. Good quality, dedicated product photography with a quirky touch – a miniature marble statue that nods to the flagship store's Italian home – help elevate this error page. 

25. Bret Victor

Computer scientist Bret Victor's 404 page, inspired of course by René Magritte's iconic painting, The Treachery of Images, confronts the viewer with some challenging philosophical questions. If this is not a page, then what is it? What constitutes a 'page'? Is it a thing that can be truly said to exist? What is the 'this' that this apparent non-page is referring to? Is anything truly real? Makes you think, no?

26. IMDb

Another awesome, movie-based 404 error page can be found on the IMDb website. This comprehensive database of film facts has jazzed up its 404 page with iconic quotes from famous films, subtly edited to fit their new purpose. Take a look to see which one you get.

27. Bit.ly

Bitly 404 page

Image: Bitly

The 404 page for link shortening service Bit.ly features a cute Pufferfish bobbing upside-down in an interactive sea. The stranded fish responds to your mouse movements, and subtly animation details in the clouds and seagull help create a calming mood.

28. DropBox

DropBox has replaced the Escher-esque impossible box that adorned its 404 page for years, with a similarly quirky illustration. We like to think of an abstract representation of everything going wrong – the wheels coming off. It's a nice, simple hand-drawn illustration that gets the message across well, with plenty of helpful navigation links for a top user experience.

29. eHarmony

The last thing you want to hear when you're looking for love is that it can't be found. Online matchmaking service eHarmony's 404 page softens the blow with the news that while the page you're after is unavailable, there are still about half a million fish left in the sea.

30. Starbucks

Starbucks makes good use of its primary product to illustrate its 404 message. In this instance, the tell-tales signs of a missing coffee cup are used to tell the story. There's also some jargon-free copy to help the user find what they were looking for.

31. Blizzard Entertainment

Video game developer Blizzard takes an original approach to its 404 page. In it, the working website design appears to have become broken: the header navigation has dropped down and there's a smashed screen effect. There isn't much in the way of helpful links, with Blizzard instead opting for a no-nonsense error message: "This page doesn't exist or some other horrible error has occurred". 

Related articles: