US_AFTER_ALL
Explainer · Web culture01.10.2026 · 7 cards

Why is the web ugly on purpose?

Brutalist web design strips the interface down to its structure. Seven questions, answered in order — from what the term means to how we use it on this site.

01 / 07Definition

What do we mean by brutalist web design?

A way of building pages in which the structure stays visible: default-looking type, hard borders, flat colour, no decorative layers. Nothing is styled to look like something else.

The term was popularised around 2014 by a directory of sites that shared these traits. It describes an attitude to the medium more than a fixed look.

02 / 07Origin

Is it related to brutalist architecture?

By name, yes. The architectural movement takes its label from béton brut — raw concrete left exposed after casting. The web version borrows the idea: show the material, do not clad it.

The resemblance ends at the principle. A concrete building is heavy; a page is not. What carries over is honesty about construction.

Show the material. Do not clad it.

03 / 07Context

Why is it coming back now?

Two pressures meet. Template-built sites have converged on one polished, rounded, interchangeable look, and generated imagery makes that sameness effortless to reproduce.

Against that, a rough, deliberate interface reads as authored. It signals that a person decided something.

04 / 07Position

Is it just a style, or a position?

Both, and the difference shows in the details. As a style it is a set of borders and fonts that can be copied in an afternoon. As a position it is a rule about what the page may hide.

A site that imitates the look but still conceals its navigation behind effects has only borrowed the surface.

05 / 07Trade-offs

What does it cost the reader?

Done well, little: plain structure is fast, predictable and easy for assistive software. Done badly, a lot — low contrast, hidden links and deliberate disorientation are not brutalism, they are obstruction.

The test is whether the roughness serves reading or replaces it.

Rough is a choice. Illegible is a failure.

06 / 07Practice

How do we use it on this site?

Lines are chosen by nesting level, never by taste: two pixels at page level, one inside a container. There is exactly one shadow, offset and unblurred. Labels are monospaced; headlines are heavy and uppercase.

Motion is limited to a two-pixel lift on hover. Anything that would only decorate is left out.

07 / 07Further

Where can I read and hear more?

Start with the long essay on decay as a visual language, then listen to the podcast episodes that argue with it.

Read next

All cards →