The cleaner AI-generated visuals get, the louder human designers push back. Neo-brutalism is that pushback made visible — raw, intentionally unpolished, and nearly impossible to fake with a prompt.
1. What Neo-Brutalism Actually Is
Neo-brutalism borrows its name and attitude from 1950s Brutalist architecture: exposed structure, zero decoration, honesty of materials. Translated to screens, that becomes thick black borders, flat primary colors, visible grid lines, and hierarchy that looks deliberately “broken.” It reads as unfinished. That is the entire point.
Where architectural Brutalism was austere and cold, its digital descendant adds playfulness. Bright yellows and electric blues sit next to cartoon-hard drop shadows, offset by chunky monospace type and interface chrome that looks like it escaped from 1998. The tension between “ugly” and “charming” is exactly what makes the style work — remove either half and it collapses into either kitsch or just bad design.
Brutalist architecture
Exposed concrete, visible structure, no ornament. Austere, cold, monumental. Function stated plainly, with no attempt to soften it.
Neo-brutalist screens
Thick borders, flat color, broken grids — same honesty, new mood. Playful instead of cold, loud instead of monumental.
2. Why It’s Surfacing Now
Three forces are converging. First, AI visual fatigue: Midjourney and Stable Diffusion generate an endless stream of polished, photorealistic imagery, and neo-brutalism is close to immune to it — the style depends on deliberate clumsiness that generative models struggle to fake convincingly.
Second, creator culture. Newsletter platforms, indie apps, and personal portfolios have adopted the look as a signal of authenticity. Gumroad’s storefront templates, a wave of Notion-based product pages, and dozens of scrappy indie SaaS tools all wear the same chunky-border, primary-color aesthetic on purpose.
Third, sameness fatigue. When every product runs on the same handful of component libraries, neo-brutalism is a fast, legible way to look definitively unlike the competition. It’s a shortcut to “this was made by a person with a point of view,” which is a harder thing to fake than it sounds.
Where the style shows up first
Product marketing pages move faster than product interiors. It’s easier for a landing page to commit to thick borders and clashing color than for a checkout flow to risk confusing a paying customer, so the trend is visible in hero sections and about pages well before it reaches settings screens and dashboards.
Bloomberg’s website redesign a few years ago is the case study most designers reach for when arguing neo-brutalism can work at scale for a serious institutional brand — dense grids, visible rules, and unapologetic type contrast on a publication that needs to be read as credible, not playful. It’s a useful counterpoint to the idea that the style only suits scrappy startups: applied with editorial discipline, the same raw vocabulary can carry institutional weight instead of undercutting it.
3. Using It Without Looking Amateur
The risk is obvious: to an untrained eye, neo-brutalism and “bad design” look identical. The difference is intentionality. Every rule you break has to be broken on purpose, and consistently. Thick borders should be the same thickness everywhere. Grid violations should follow their own internal logic rather than happening at random. The palette should stay tight — two or three bold colors, no more — because restraint is what separates a considered choice from noise. Awwwards regularly features neo-brutalist sites worth studying for exactly this kind of discipline.
Pick a rule set first — border weight, corner radius (usually zero), and a two-to-three color palette — before touching layout.
Apply the rules with total consistency. A 4px border on one card and a 3px border on the next reads as a mistake, not a style.
Break the grid on purpose, in a repeatable way, so the “violation” itself becomes a recognizable pattern.
Test on real content and real copy length — brutalist layouts are unforgiving of the awkward line break or overflow text can introduce.
💡 Pro tip — Before shipping a brutalist page, remove the color and check the layout in pure grayscale. If the hierarchy still reads clearly without color doing the heavy lifting, the structure is solid. If it collapses, you’re leaning on boldness to cover for weak layout decisions.
Closing thoughts
Neo-brutalism isn’t a rejection of craft — it’s a different definition of it. The designers doing it well are making as many deliberate decisions as any minimalist, they’re just choosing to leave the seams showing. Start small: a portfolio page or an internal tool is a safer place to test the rule set than a client’s homepage. Once the discipline behind the “rough” surface clicks, applying it with confidence gets a lot easier.
The most common mistake beginners make isn’t picking too many colors or too-thick borders — it’s inconsistency. A neo-brutalist layout with three different border weights, two different corner-radius values, and a palette that keeps expanding “just this once” stops reading as a style and starts reading as an accident. Treat the constraints as load-bearing, not optional, and the rough surface will hold up under scrutiny instead of collapsing into it.
Design Daily Life · Notes on design, daily