404s

Description

Collection of creative 404 pages

What is 404s

You know what's cool about 404s.design? It's this curated gallery that collects what they call "404s worth finding" - basically error pages that are actually creative and interesting. I've struggled with 404 page design in my own projects before, either making them too boring or too random, and this site has been a real eye-opener. They've got cases from global brands and studios, and their tagging system is pretty comprehensive - 3D, Animated, Brutalist, Glitchy, Illustrative, WebGL, Unusual Layout, you name it. What's really practical is that each case shows both desktop and mobile screenshots, so you can see how it looks across different devices.

Homepage

About

Submit

How to use 404s

Check out the latest - The homepage shows recently added cases, so you can see what's trending
Use the tags - The tagging system is pretty comprehensive, just filter by what you need - 3D, Animated, Interactive, etc.
Look at the details - Don't just glance at the overall design, focus on color combinations, font choices, animation effects
Learn creative expression - See how others turn error pages into brand showcase opportunities
Share your work - If you've got a good 404 design, you can submit it for others to see
Compare devices - Each case has both desktop and mobile screenshots, so you can see how to maintain consistency

404s Key Features

Selected Case Library

All of them are works from globally renowned brands and studios, with guaranteed quality. I have referenced a few before and the results are good

The labeling system is very comprehensive

More than 20 styles of tags, including 3D, animation, fault style, illustration, interaction, large font, minimalism, and more, make it easy to filter

Dual end display

Each case has screenshots of both desktop and mobile devices, so you can see the effects on different devices

Frequently updated

Regularly adding new cases can keep up with the latest design trends. I often go to see if there are any new things

Can submit works

If you have a good 404 design, you can submit it and let more people see your work

Detailed information

Each case has designer information, style tags, added dates, etc., making it easy to gain a deeper understanding

404s Use Cases

Brand official website 404 page

Creating a 404 page for the company's official website that not only conforms to the brand tone, but also makes users feel friendly

E-commerce platform error page

The 404 page of e-commerce websites should be able to guide users back to the shopping process and prevent them from running away

SaaS product error handling

The 404 page of SaaS products should be professional and friendly, maintaining user trust in the product

Creative Studio Works Display

The 404 page of a creative studio should be able to showcase design skills and creativity

Mobile application error page

The 404 page of mobile applications should be suitable for small screens to ensure a good mobile experience

404s Pros & Cons

Pros

Vertical focus, specialized in collecting 404 page designs, with high content quality

Rich tag filtering system, supporting multiple design style classifications

Provide dual display for desktop and mobile devices to fully understand the design effect

Completely free to use, access all content without registration

The interface is simple and beautiful, with a good browsing experience

Regularly update content and keep up with design trends

Support submission of works and provide a display platform for designers

Cons

The content is relatively vertical, focusing only on 404 page design

Lack of detailed design tutorials and production guidance

There is no direct download function, you need to take a screenshot and save it yourself

The search function is relatively simple, and the filtering dimensions can be more refined

The frequency of content updates may not be as high as that of comprehensive design websites

404s FAQ

Q1: How to choose the appropriate 404 page style?

Choose based on brand tone and target user group. Technology products are suitable for minimalist or malfunctioning styles, while creative brands can choose animation or illustration styles. The company's official website recommends using professional and friendly design styles.

Q2: What are the necessary elements that should be included in a 404 page?

Error message, homepage link, search function, brand logo, friendly copy. It is important to let users know what has happened and how to continue browsing the website.

Q3: What are the special requirements for designing 404 pages on mobile devices?

The button should be large enough (≥ 44px), the text should be concise and clear, avoiding complex animation effects, ensuring clear visibility on a small screen, and providing convenient navigation options.

Q4: How to balance creativity and practicality?

Creative design should serve the user experience and not affect their understanding and use for the sake of showcasing skills. Ensure clear error messages, clear navigation paths, and maintain the fun of the design.

Q5: How to submit your own 404 page design?

Fill in the website name through the submission function of the website URL、 Designer information will be reviewed after submission and will be displayed on the website once approved.

Q6: What are the SEO considerations for 404 pages?

Use appropriate HTTP status codes, provide clear error messages, including a link back to the homepage, avoid using too much JavaScript, and ensure fast page loading speed.

Q7: How to test the effectiveness of a 404 page?

Test on different devices and browsers, check page loading speed, verify that all links are working properly, collect user feedback, and continuously optimize the design.