Every few months someone publishes a piece declaring neo-brutalism over. The thick borders are tired. The offset shadows are dated. The web has moved on. We have been reading these pieces since 2022 and we are still building with the aesthetic, so here is our actual argument for why it is not going anywhere.

First, a distinction worth making. When most people say neo-brutalism they mean any design that has a visible border, a blunt offset shadow, and a loud color somewhere. That is not neo-brutalism. That is a decoration. The real thing is something more specific, and understanding the difference is why some studios build with it confidently and others use it once and abandon it when the results look cheap.

What it actually is

Brutalist architecture exposed its structure intentionally. Raw concrete, visible load-bearing elements, none of the decorative cladding that earlier styles used to hide how buildings worked. The philosophy was that honesty about construction was a form of integrity.

Digital neo-brutalism applies the same logic to interface design. Every element communicates its own boundaries. Buttons look like buttons because they have a solid border and a physical shadow, not because they are styled subtly enough that you infer they are clickable. Hierarchy is stated, not implied. Color does work, not decoration.

The reason it emerged when it did makes sense when you look at what it was reacting to. The dominant web aesthetic from roughly 2018 to 2022 was soft gradients, rounded corners on everything, pastel color fields, generous blur effects, and a general tendency toward the decorative over the functional. It looked refined. It also made it genuinely difficult to tell what was clickable, what was text, what was a container, and what was background noise.

Neo-brutalism did not appear because designers got bored. It appeared because a large portion of the web had quietly stopped communicating clearly.

Why people dismiss it as a trend

The honest answer is that it is easy to copy badly. Thick border on a card, offset shadow, yellow background, bold font. Done in twenty minutes. The result looks like neo-brutalism in the same way that a stock photo of a city looks like a photograph. Technically similar, fundamentally different.

Bad copies flood the internet faster than good ones. When enough badly executed examples exist in the same style, the style itself gets blamed. The aesthetic gets labeled shallow and the cycle-of-trend discourse takes over: it was popular, now it is everywhere, therefore it is over.

What people say

It is a trend that peaked and is now dated. Every site looks the same. It got popular too fast and designers are already moving on.

What is actually true

Bad neo-brutalism peaked. The copies got lazy and lazy copies always look dated. The underlying principle, structural honesty in visual design, does not expire.

What people say

It only works for startups and creative studios. Too loud for anything serious. You cannot use it for real products with real users.

What is actually true

It works wherever clarity of hierarchy matters. Healthcare, fintech, e-commerce. The loudness is adjustable. The structural clarity underneath it is not optional in any of those contexts.

What people say

It is impossible to do subtly. Everything ends up looking like a startup landing page from 2023. There is no quiet version of it.

What is actually true

The quietness lives in the color choices and weight decisions. The structural vocabulary scales from very loud to genuinely restrained. Most people only see the loud end because that is what gets shared.

The five principles that make it work

When we use this aesthetic on a project it is because the following five things apply. When they do not all apply, we use something else. This is not a house style. It is a tool we reach for when the conditions are right.

01

Structure is visible, not implied

Every container, every button, every interactive element has a clear visual boundary. Nothing relies on subtle background shifts or hover states to communicate what it is. Users know what to click because the design tells them directly.

02

Color carries semantic weight

Yellow for primary actions. Pink for secondary. Mint for confirmation. The color system has named roles and everything in it earns its place. Color is not used for decoration and it is not used arbitrarily to create visual interest.

03

Typography is the loudest element

Archivo Black at 120 pixels says something before a single word is read. The type sets the energy of the page and everything else plays a supporting role. In neo-brutalism, typography is not a setting, it is the primary design element.

04

Shadow communicates depth, not decoration

The offset shadow is not a stylistic flourish. It is a depth signal. It tells users that the element is physically raised above the surface, which is why clicking it feels physically satisfying. Use it inconsistently and it stops meaning anything.

05

Restraint is a choice, not a failure

Not everything on the page can be loud. The most effective neo-brutalist layouts have one or two elements that demand attention and everything else steps back. The loudness only works because of the quiet around it.

This is what we are talking about

Rather than describe it abstractly, here is the actual component vocabulary we use on every project. The buttons, the cards, the pills. This is the system in practice.

Live components from the Kodari design system
Behind the Build
A card that knows what it is
Process
Color with a job to do
Opinion
Every border means something
clear hierarchy, no guessing required

Every element in that system has a border because borders communicate containment. Every button has an offset shadow because shadows communicate press-ability. Every color has a named role because unnamed colors drift into decoration. None of it is arbitrary and none of it is there because it looked interesting in a screenshot.

When to use it and when not to

Use it when
  • The brand needs to stand out in a category full of safe, refined competitors
  • The product is interactive and affordance clarity is more important than elegance
  • The audience responds to directness and confidence over polish and subtlety
  • The hierarchy of the page is complex and needs visible structure to stay navigable
  • You want the design to age well by being rooted in function rather than visual novelty
Reconsider when
  • The brand requires refined restraint to communicate premium positioning
  • The context is high-stakes emotional, such as grief services or serious medical situations, where bold visual weight can feel aggressive
  • The audience has strong existing visual expectations that conflict with structural boldness
  • The team does not have the typographic discipline to execute the system consistently
  • The client wants to look like their competitors rather than different from them

The worst version of any design philosophy is the one applied because it is fashionable. The best version is the one applied because it is the right answer to a specific problem.

Our position

We use neo-brutalism on the projects where it is the right answer. We do not use it on every project and we do not avoid it because someone wrote that it was over. Our job is to find the visual language that solves the problem in front of us, not to track which aesthetics are currently considered acceptable.

The reason we keep coming back to it is straightforward. It is honest. It communicates structure directly. It ages well because it is not chasing novelty. And when it is executed with discipline, it produces interfaces that are genuinely easier to use than the refined, softened alternatives that surrounded it.

That is a good enough reason for us. The think-pieces about whether it is over can keep coming. We will be over here building things that work.


Kodari Team

We have opinions about design and we are not shy about them. If you want to work with a studio that will tell you what they actually think rather than what you want to hear, you know where to find us.