A conventional template — soft palette, rounded cards, a branded link colour with no underline.

Tap to strip, then compose

Strip It, Then Compose It

One page, three states. Tap through them — a styled template, the browser's own naked defaults, then a version rebuilt raw on purpose. Which one would a gallery trust?

Predict

A cultural institution wants a site that reads as credible, not corporate. Which of the three would it actually publish?

Experience

The Rawness Dial

Four sliders, one page, and a question nobody answers correctly on the first guess: does less decoration mean more credibility?

Push decoration down and the page gets plainer, but watch the credibility number — it does not simply rise. It needs two other things at the same time: type pushed to an extreme, and a grid actually exhibited. Strip decoration without those and you have not made a brutalist page. You have made an empty one.

The Rawness Dial

Four dials, one page

Credibility, culture audience: 1/100; Modelled — see below
Properties overridden: 10/14; Measured vs. an unstyled default
Elements added: 7; Measured — image + grid + colour chips
Text contrast: 3.6:1; Fails the 4.5:1 floor

Credibility is this page's own model of a gallery or publisher's snap judgment, not a measurement: 100 × √(extremity × rigidity) × (1 − decoration) × colour-discipline, where colour-discipline falls away from an ideal of two colours. It rewards exhibited structure and punishes decoration and a crowded palette — it does not reward low decoration on its own. The other three numbers are computed directly from the style now on screen: overridden properties count this configuration's fourteen tracked style values against a literal unstyled HTML page; elements added counts the image block, the grid overlay and the colour chips actually rendered; contrast is the real WCAG relative-luminance ratio between the body ink and the page background. The link colour, its underline, and the 16px body floor never move — no dial touches them.

Decoration9

NoneMaximal

Type scale extremity3

UniformExtreme

Grid rigidity3

LooseExhibited

Colour count6

MonochromeClashing

Try the three presets in order: Polished, then Browser defaults, then Composed raw. Watch the credibility number the whole way — it is not a straight line from “most decorated” to “least.”

Concept

Béton Brut, Borrowed

The word has nothing to do with cruelty. It comes from béton brut — raw concrete, brut in the champagne sense: unsweetened, nothing added.

In 1945, with steel scarce and skilled finishing labour scarcer, France’s Ministry of Reconstruction had Le Corbusier build mass housing for a bombed Marseille. His answer, the Unité d’Habitation (1947–1952), was cast in timber formwork and left unsanded — the plank grain still legible in the concrete. He did not hide the fact that the building had been made. In 1953, Alison and Peter Smithson published the sentence that became the movement’s charter: to leave “the structure exposed entirely, without interior finishes wherever practicable.” Reyner Banham’s 1955 essay named three qualities running through the early work — memorability as an image, exhibited structure, materials valued “as found” — and then, in a 1966 book, asked the question this whole subject still turns on: ethic or aesthetic? Is the rawness an honest account of how the thing works, or a look of rawness applied like paint?

The style fell out of favour through the 1970s — damp concrete streaks read as urban decay — and by 2014 demolitions were routine. That same year, in Zurich, advertising creative Pascal Deville started a directory of websites doing something he recognised from the same lineage.

In its ruggedness and lack of concern to look comfortable or easy, Brutalism can be seen as a reaction by a younger generation to the lightness, optimism, and frivolity of today’s web design.

Pascal Deville, brutalistwebsites.com, 2014

His interviews with the featured designers turned up something specific: almost none of them set out to copy a look. They arrived at rawness independently, chasing originality rather than a template — a convergence of refusals, not a shared aesthetic passed hand to hand. That matters here, because it is exactly the distinction the web-design community later split on, in the same words Banham used for concrete: some designers kept the ethic (Craigslist, hand-built, structurally honest); others kept only the aesthetic (clashing type as a costume, worn over a perfectly conventional funnel underneath). The common mistake in both architecture and CSS is the same one: raw is not sloppy. Hunstanton’s exposed conduits were meticulously routed. Raw is un-hidden, not undone.

Deconstruction

The Five Moves

A brutalist page is not one decision. It is several, and any one of them can be flipped alone.

Flip each move below and watch exactly what it changes, and nothing else — the same isolation-by-layer trick a design review should run on any composition before calling it finished.

The Five Moves

Flip one at a time

Every move here changes exactly one dimension of the page you saw in the Rawness Dial above — decoration (edges, images), extremity and structure collapsed into type and grid here for legibility, and colour discipline. The hyperlink is not one of the five: it was never touched in any configuration on this page.

Moves active: 0 of 5

Nothing flipped yet — a conventional page: branded sans, rounded photo card, soft shadow, an assembled palette.

Real World

Two Briefs, One Word

“Brutalist” is not one brief. Drag between the two below and the gap should already look obvious before you read a word about either.

Craigslist secondary: Unstyled table layout since 1995, blue links, system type — Pascal Deville himself called it "totally a brutalist website … and commercially, very successful" in a widely syndicated 2016 interview.
Bloomberg Businessweek unverified: Named alongside Craigslist in that same 2016 press coverage as brutalism at media scale — raw structural blocks, harsh colour, visible grids. Its print-era art direction is often attributed to designer Richard Turley; that specific attribution is a widely repeated claim this dossier could not trace to a primary Bloomberg source.
Balenciaga unverified: Design commentary reads the house's web presence — stark type, deliberately unglamorous product shots — as anti-luxury rawness under Demna Gvasalia's direction. That reading comes entirely from branding-press analysis, never from the house's own stated design rationale.

Experiment

Remove the Makeup

A polished page is not one surface. It is structure, plus a stack of things doing no structural work at all.

Tap pieces off this landing section one at a time. Most of what is here is makeup — remove it and the page still works, arguably better. Two pieces are not makeup. Find out which by removing them.

FastSecureTrusted

Concrete, Uncovered

Field notes · 6 min · the critic on materials that show how they were made

Read the issue

Or read the full transcript directly.

Tap any piece to strip it — see what the page can lose before it stops being usable.

0/7 removed

Challenge · Make it brutalist, keep it usable

Open

Flip at least four of the five markers on. Leave the two floor-of-function toggles alone — a brutalist page still has to work.

The five markers

The floor of function — leave these alone

The link underline and the body-text size are not brutalist markers — removing them is not raw, it is broken.

Insight

Brutalism is not the absence of design; it is design refusing to hide.

Every mechanism on this page resolves to that one sentence. Defaults with nothing decided are not brutalist — they are undecided, and read that way. Decoration piled on top of a raw skin is not brutalist either — it is a costume, and the framework bloat under it usually gives the costume away. What is left, the narrow band the Rawness Dial found, is a page that made every decision on purpose and simply declined to apologise for any of them.

Mental model

Whenever a page, or anything else, gets stripped of decoration to look more “honest”,

look for whether structure was actually exhibited and one loud decision was made, or whether the page was simply left undone,

because raw reads as credible only when it is composed — bare defaults read as unfinished, and decoration piled on top of a raw skin reads as a costume, not a stance.

TomorrowTake one page you own. Strip every element whose only job is to be liked. Then add back exactly one loud typographic decision and one exhibited structural seam. That gap — between stripped and composed — is the whole subject.

No live web sources were fetched while building this page — every claim above is graded against what the research dossier itself states and how it grades its own sources, not against an independent re-check this session. Nothing is graded “verified” as a result; two claims the dossier itself flags as unconfirmed are carried over as “unverified” rather than upgraded.

Strip It, Then Compose It

The Rawness Dial

Béton Brut, Borrowed

The Five Moves

Two Briefs, One Word

Remove the Makeup

Where this idea goes next

Strip It, Then Compose It

The Rawness Dial

Béton Brut, Borrowed

The Five Moves

Two Briefs, One Word

Remove the Makeup