Neo-brutalism in web design has emerged as a fascinating response to the polished minimalism that dominated the last decade. With its unapologetic embrace of raw textures, bold colours, and intentional imperfection, this design philosophy has captivated creatives and developers alike. It is a style that celebrates authenticity and experimentation, perfectly suited for brands that want to stand out in a digital sea of sameness.
For my design portfolio, Andrew Backhouse Design, I am constantly inspired by how different platforms apply neo-brutalist principles. Let’s look at some standout examples, each showing a different side of this evolving aesthetic.
1. FigChallenge: gamifying creativity
The FigChallenge platform is a brilliant example of how neo-brutalism can invigorate a functional, community-driven website. FigChallenge offers designers a hub for participating in and creating design challenges, earning points and achievements along the way. What makes this site so captivating?
- Raw UI elements: The site embraces an intentionally rugged look, with blocky buttons and stark, high-contrast layouts. This aesthetic does not just serve as a stylistic choice, it reinforces the idea of a “challenge” by making the interface visually dynamic.
- Colour blocking: The bold use of clashing colours creates visual tension while drawing attention to key actions like “Join a Challenge” or “View Leaderboard.”
- Playful typography: By mixing thick sans-serifs with unconventional layouts, FigChallenge delivers an energetic vibe that feels tailor-made for its creative audience.
The platform succeeds in turning every interaction into something playful. It is a fantastic example of how neo-brutalism can align perfectly with a website’s mission.
2. Bestsized: retro inspiration with a modern twist
Bestsized, a design subscription company, takes inspiration from vintage restaurant menus, and the result is simply stunning. Their landing page is a masterclass in how to strike a balance between nostalgia and modernity using neo-brutalist principles.
- Structured chaos: The layout appears chaotic but remains easy to navigate, a testament to careful design planning. Large headers jostle for attention alongside quirky illustrations and asymmetrical grid structures.
- Typography as design: Text is not just a functional element; it is an integral part of the visual story. From serif typefaces that evoke retro print to bold sans-serifs that feel contemporary, Bestsized demonstrates the power of typographic juxtaposition.
- Texture and depth: The site avoids the flatness of minimalism by incorporating textures reminiscent of old paper menus. Subtle gradients and faux-print imperfections add to the overall experience.
Bestsized’s landing page stands out because it takes risks, and visitors feel engaged from the moment they arrive.
3. MongoDB: adding personality to minimalism
As a NoSQL database platform, MongoDB may not seem like an obvious candidate for neo-brutalism. However, their product, Atlas, blends minimalist design with bursts of brutalist flair in a way that feels fresh and exciting.
- Neo-brutalist illustrations: MongoDB’s website includes quirky, abstract illustrations with jagged edges and vibrant colour palettes. These elements create a sense of playfulness without undermining the professional tone of their core product.
- Unpolished geometric shapes: Instead of precise, symmetrical designs, MongoDB’s brutalist elements rely on irregularity, making them visually arresting.
- Focused use of brutalism: Unlike sites that fully commit to neo-brutalism, MongoDB strategically integrates brutalist features into an otherwise minimalist framework. This keeps things usable for a technical audience while adding an extra layer of personality.
For tech brands seeking a middle ground between corporate minimalism and creative expression, MongoDB is an excellent source of inspiration.
4. Figma: infusing energy into a trusted brand
Figma’s platform is renowned for its clean, minimalist design, but their website and blog incorporate neo-brutalism in a way that injects energy into their brand.
- Bold illustrations: Figma’s visuals use jagged lines, hand-drawn details, and unexpected shapes to convey creativity and collaboration. These choices reflect the messy, iterative nature of design work.
- Dynamic grids: Instead of a rigid layout, the site employs grids that feel fluid and dynamic. This intentional asymmetry mirrors the collaborative, ever-changing nature of Figma’s user base.
- Contrasting textures: Smooth gradients sit alongside flat colours and grainy patterns, creating a layered experience that feels tactile and engaging.
Figma’s approach highlights the adaptability of neo-brutalism, proving it can co-exist with clean, user-friendly interfaces.
5. Gumroad: a full-on neo-brutalist playground
Gumroad stands out as a pure embodiment of neo-brutalism, using the style to completely redefine its digital identity. This e-commerce platform embraces brutalist design principles unapologetically.
- Vivid colours: The site uses a neon-esque palette, pairing clashing hues in a way that demands attention. It is loud, bold, and impossible to ignore.
- Typography that screams: Gumroad opts for oversized, chunky fonts that create an almost confrontational tone. It is a style that says, “We’re here, and we mean business.”
- Rough, rugged aesthetic: Forget polished edges, Gumroad uses jagged borders, overlapping elements, and unconventional layouts to create a raw, rebellious feel.
What is most compelling is how this aesthetic aligns with Gumroad’s ethos of putting creators first. It is a platform for individuals who want to chart their own paths, and the design mirrors that independent spirit.
Why neo-brutalism matters
So why is neo-brutalism becoming a go-to style for brands like these? Here are some key takeaways:
- Authenticity: In a digital world dominated by polished interfaces, neo-brutalism feels raw and real. It gives brands a chance to stand out by embracing imperfection.
- Emotional impact: The bold colours, unconventional layouts, and experimental typography create a visceral response. These designs are not just seen, they are felt.
- Storytelling: Neo-brutalism is more than a visual style; it is a narrative tool. It communicates a brand’s values and personality in a way that traditional design often cannot.
- Adaptability: As we have seen with MongoDB and Figma, neo-brutalism can be tailored to fit specific needs, whether it is a tech platform or a creative community.
How neo-brutalism influences my work
As a web designer, I have found neo-brutalism both challenging and liberating. It requires a delicate balance between chaos and usability, but when done well, the results are unforgettable. For my own projects, I draw inspiration from these examples to push boundaries while keeping the user experience at the forefront.
- Experimentation: Whether it is testing bold colour schemes or unconventional layouts, neo-brutalism encourages risk-taking, a vital skill for any designer.
- Versatility: Seeing how brands like MongoDB integrate brutalist elements into minimalist frameworks inspires me to try hybrid approaches in my work.
- Creative freedom: Neo-brutalism reminds me that good design is not about perfection; it is about creating something that resonates.
Conclusion
Neo-brutalism is more than a trend, it is a movement that challenges conventional design norms and champions authenticity. From FigChallenge’s playful energy to Gumroad’s rebellious spirit, these examples show how diverse and impactful this style can be. As a designer, I am excited to see how neo-brutalism continues to evolve and inspire.
