In short
Brutalist web design is a style that exposes the raw structure of a web page instead of polishing it: default or monospaced type, stark black-and-white or clashing colour, visible grids and borders, unstyled links, dense text and deliberately plain or jarring layouts. It takes its name from the concrete architecture of the mid-twentieth century and its attitude from a reaction against homogeneous, template-driven sites. It suits portfolios, studios, publications and cultural organisations that want to signal independence, and it is usually wrong for businesses whose visitors expect reassurance.
Where the name comes from
Architectural Brutalism, from the French béton brut, raw concrete, was the mid-century movement that left structure and materials exposed rather than clad. The buildings were honest about what they were made of and indifferent to prettiness, and they divide opinion to this day.
Web brutalism borrowed the attitude around 2014, when a wave of designers reacted against the sameness of the template-driven web: the same hero image, the same three-column feature row, the same rounded buttons and friendly sans-serif on every site. Their answer was to strip the page back to what it is, a document rendered by a browser, and to let the structure show.
The traits
Not every brutalist site has every one, but the family resemblance is clear:
- Default or monospaced typography, often the browser's own fonts or a single mono face, at large sizes.
- Minimal colour, frequently black on white, or a small number of flat, clashing colours with no gradients.
- Visible structure: hard borders, exposed grid lines, tables used as tables, underlined blue links left as the browser draws them.
- Dense text and long pages, unafraid of a wall of words.
- No imagery for its own sake; photographs, when present, are unedited.
- Deliberate awkwardness: overlapping elements, unexpected scroll behaviour, oversized type, asymmetry.
- Speed, as a by-product of having almost nothing to load.
A related, quieter strand sometimes called minimalist or "plain" brutalism drops the awkwardness and keeps the honesty: a fast, text-first page with system fonts and no decoration. Much of the best technical writing on the web looks like this.
Why designers keep returning to it
Distinctiveness. A brutalist site cannot be mistaken for a template. For a studio, an artist or a publication whose whole message is independence of thought, that is the point.
Honesty. It shows the reader what the page is, without persuasion dressed as design. Audiences who are tired of being marketed to respond to it.
Performance. No web fonts, no hero video, no framework: pages that load in milliseconds and pass every Core Web Vitals threshold without trying.
Accessibility, sometimes. Semantic HTML, high contrast, visible links and focus states are accessible by default. The style's exposed structure is often more usable by assistive technology than a polished site's layered divs.
Content first. With nothing to hide behind, the words have to be good, and the sites that succeed in the style are usually the ones with something to say.
The risks
Ugly is not the same as honest. Many sites in the style are simply unconsidered, and the visitor cannot tell the difference between a deliberate refusal and a lack of care. The good ones are meticulously designed to look undesigned.
Usability sacrificed to attitude. Overlapping text, hidden navigation, and interactions that surprise for the sake of it fail real users. Brutalism as a visual style is defensible; brutalism as an excuse for a confusing interface is not.
The wrong audience. A law firm, a clinic, a bank, an e-commerce shop. Visitors to these sites want reassurance, clarity and a sense that the organisation is competent and conventional. A brutalist site reads to them as broken or amateur, and they leave.
Accessibility when the awkwardness wins. Clashing colours with poor contrast, tiny or enormous type, and disorienting motion undo the style's natural advantages. The contrast rules do not care about the aesthetic.
Fashion. The style had its moment; a site adopting it now to look current is late. Adopt it because it fits, not because it is a trend, and it will not date, because it was never trying to be fashionable.
Who should use it
Design studios and independent creatives who want to signal a point of view. Publications, zines and cultural institutions with an editorial voice. Developer tools and technical documentation, where the plain strand of the style is simply good sense. Personal sites. Anyone whose audience values substance over polish and will read a long page.
Who should not: any business whose customers arrive nervous and need to be reassured, and any site where the goal is a transaction from a first-time visitor. For those, the editorial layouts that have returned to the web carry some of the same directness with far less risk.
Doing it well
Keep the semantics: real headings, real lists, real links. Keep contrast high. Make navigation obvious even if it is plain. Write well, because the words are exposed. And decide which conventions you are refusing and why; a brutalist site is a set of deliberate choices, and the moment a choice is made by default it stops being design. If you are considering the style for a brand and want a view on whether it fits, book a call.
Common questions
What does brutalism mean in web design?
A style that exposes the raw structure of a web page instead of polishing it: default or monospaced type, stark colour, visible borders and grids, unstyled links, dense text and deliberately plain or jarring layouts. It borrows its name and attitude from mid-century concrete architecture and arose as a reaction against homogeneous template-driven websites.
Is brutalist web design good for SEO?
Often, incidentally. Brutalist sites tend to be semantic HTML with little to load, so they are fast, crawlable and pass Core Web Vitals easily, and they are usually text-rich. Rankings still depend on content and links; the style neither helps nor hurts beyond its technical simplicity.
Is brutalist design accessible?
It can be unusually accessible: semantic markup, high contrast, visible links and focus states, no motion. It fails when the deliberate awkwardness wins, with clashing low-contrast colours, overlapping text, hidden navigation or disorienting interactions. The style's honesty is an advantage only when usability is kept.
Which businesses should avoid brutalist web design?
Any whose visitors arrive needing reassurance: law, finance, healthcare, professional services, most e-commerce, and anything selling to first-time visitors who judge competence by polish. To those audiences the style reads as broken or amateur. It suits studios, creatives, publications, cultural organisations and technical documentation.
Is brutalism still a web design trend?
Its peak as a fashion was the late 2010s, but the underlying approach persists, particularly in the plain, text-first strand common in technical writing and developer tools. Adopted because it fits an organisation's voice rather than to look current, it does not date, because it was never chasing a trend.
