Brutalism became a template

Web brutalism started as an argument. Around the middle of the last decade, every commercial site on the internet had converged on the same soft, rounded, generously-whitespaced, gently-illustrated look. The design language of venture-funded software had eaten everything, and it had a specific quality of being inoffensive to the point of invisibility. Brutalism was a reaction: raw HTML aesthetics, default system fonts, unstyled links, visible structure, an aggressive refusal to be charming.

It was interesting because it was oppositional. It made you notice the page as a constructed object rather than a frictionless surface. It borrowed a name from architecture, somewhat inaccurately, but the borrowed idea was sound — honesty about materials, structure left exposed rather than clad.

Ten years later it is a component library. Thick 3px black borders. A hard offset drop shadow with no blur. A background in a saturated primary. Chunky rounded-rectangle buttons that shift two pixels on hover. Yellow and black, or that specific violet, or lime green on off-white. You can install it. Hundreds of people have.

How an aesthetic dies

Every visual movement follows the same arc, and it is worth naming the stages, because knowing where you are on the curve tells you what to do.

First, someone makes something genuinely strange in response to a specific problem. It looks wrong. A small number of people find it thrilling.

Second, other designers extract the surface features from the strange thing — the border weight, the shadow offset, the palette — and apply them to unrelated problems. The features work, in the sense that they still look distinctive, because most of the internet has not caught up.

Third, the features are codified. A Figma kit. A Tailwind plugin. A hundred landing pages. At this point the aesthetic has completed its journey from argument to decoration: it no longer says anything about the content it wraps, because it wraps everything.

Fourth — and this is where neo-brutalism sits now — the look becomes a *signal of unoriginality*. An experienced viewer sees the thick border and the offset shadow and correctly infers that no design decision was made. The style has inverted its own meaning. It began as a refusal to conform and ended as the most reliable indicator of conformity available.

When the rebellious option is available as a starter template, it is no longer the rebellious option. It is just the second default.

What was actually good about it

It would be a mistake to throw the whole thing out, because underneath the trend there were three genuinely durable ideas.

Structural honesty. Showing the grid, the rules, the divisions between things. Not hiding the architecture of a page behind soft gradients and floating cards that pretend to be physical objects. A page is a document with a structure; letting a reader see that structure is a kindness as well as an aesthetic.

Type as the primary material. Brutalist work put typography at a scale where it stopped being labelling and started being image. A headline at 18vw is not text with an image next to it — it is the image. This remains one of the highest-impact, lowest-weight moves available to anyone designing on the web.

Refusal of the reassurance layer. No stock photography of diverse teams laughing at a laptop. No abstract blob illustrations. No testimonial carousel. The removal of the entire vocabulary of commercial reassurance is what made these sites feel like they were made by a person with an opinion.

Those three ideas have nothing to do with border weight. They survive the death of the trend completely intact.

Severity without the costume

The distinction we hold onto in our own work is between brutalism as costume and severity as method.

Costume is additive. You take an ordinary layout and dress it in harsh signifiers: heavy outlines, clashing colour, a deliberately ugly typeface, an intentional misalignment. The underlying page is a standard hero-features-testimonials-CTA arrangement wearing a leather jacket.

Severity is subtractive and structural. You start from the question of what the page must communicate, remove everything that does not serve it, and then let the remaining elements be as large and as unapologetic as the hierarchy demands. The result may not look "brutalist" at all. It might look Swiss, or editorial, or like a legal document. What it will look like is *decided*.

Practically, that means:

• 01The grid is real, and visible. Hairline rules that reflect the actual structure of the content, not decorative dividers scattered for texture.
• 02The palette is a constraint, not a mood board. Two values and one accent used as punctuation. A third colour needs to justify itself in a sentence.
• 03Scale carries hierarchy, not weight or colour. If everything is bold, nothing is. The jump between your largest and smallest type should be dramatic enough to be slightly uncomfortable.
• 04Empty space is content. The confidence of a page is measured by how much of it the designer was willing to leave alone.

The awards angle

There is a practical reason to care about all of this if you submit work to juries. Judges see the fashionable look more than anyone alive. They are evaluating a queue of submissions, and pattern recognition is doing a great deal of the work. A site wearing this year's costume gets categorised in about two seconds, and the category is "another one".

The work that cuts through is almost never the work that is *more* extreme within the current style. It is the work that is coherent in a way that is specific to its subject. A site for a legal archive that is designed like a legal archive. A studio site whose structure is an argument. A restaurant whose typography behaves like its menu.

That kind of specificity cannot be installed. It is the one thing a template can never give you, which is precisely why it is the only reliable route left.