What is brutalist web design and who can pull it off?

Quick answer

Brutalist web design is a deliberately raw style: plain or system fonts, visible structure, harsh contrast, few images and little polish, borrowed from the idea of honest, unfinished materials. It can suit creative studios, artists, record labels and bold independent brands. For most trades and local services it confuses customers, unless it is done with real skill.

Scroll past enough polished small business websites and they blur together: a hero photo, a friendly headline, three icons, a testimonial carousel, a contact form. Brutalist sites refuse all of that. They look like a typewritten notice pinned to a board, a spreadsheet with attitude or a zine stapled together at midnight. Some are brilliant, some are unusable, and the difference is not obvious at first glance. This guide explains what the style is, where it comes from, who can carry it, and how to borrow from it without scaring off customers.

Where the name comes from

The term borrows from brutalist architecture, the post-war style of exposed concrete buildings such as London’s Barbican and the National Theatre on the South Bank. The architectural name comes from the French “béton brut”, meaning raw concrete. The buildings show their structure honestly instead of hiding it behind decoration, which is exactly the idea web designers took from them.

On the web, the movement gathered momentum in the mid-2010s, partly as a reaction against templates that made every site look the same. The long-running gallery Brutalist Websites collects examples and is the quickest way to see the range, from stark and elegant to deliberately chaotic.

What brutalist websites have in common

Not every brutalist site uses all of these. Some are calm and minimal, almost academic. Others pile on clashes for shock value. Nielsen Norman Group’s article on brutalism and antidesign draws a useful line between the two: the first can be highly usable, the second often is not.

Brutalist versus minimalist

People often mix the two up because both strip things back. The difference is intent. Minimalism removes clutter to make the experience calm and effortless; it is polished, balanced and carefully spaced. Brutalism removes polish to make the experience raw and memorable; it is often unbalanced on purpose. A minimalist site wants you not to notice the design. A brutalist site wants you to notice nothing else.

Why the style keeps coming back

Web design moves in cycles. When one look becomes the default, people who want to stand out move away from it. In the early 2010s that default was glossy: gradients, drop shadows, stock photography and carousels. Then came the flat, friendly, rounded style that still dominates many builder templates. Each time a look becomes universal, it stops signalling anything about the brand using it, and brutalism offers an obvious escape.

There are practical reasons too. Text-led pages with few images are fast, which helps on mobile connections and with search engines. Plain HTML elements are robust and work across browsers and assistive technology when used properly. And a site with less decoration is often cheaper to maintain, because there is less to break when software updates. For some businesses, the raw look is as much an engineering choice as an aesthetic one.

Finally, the style says something about honesty that some brands want to claim. A site that shows its structure, avoids flattering stock photos and speaks plainly can feel more trustworthy to an audience tired of marketing polish, provided it still respects their time.

What it looks like in practice

Imagine three very different brutalist homepages. A Bristol record label uses one huge line of black type on white, a plain list of new releases with underlined links, and nothing else; it loads instantly and feels like a statement. A Glasgow architecture studio uses a strict grid with thin black lines, monospace captions and one large, unretouched photograph per project, which reads as confident and exact. A streetwear brand uses clashing colours, overlapping product shots and a scrolling ticker of drop dates, aimed squarely at an audience that enjoys the noise.

All three break conventions. The first two remain easy to use because the essentials, what this is, where to click and how to buy or enquire, are never in doubt. The third is a deliberate gamble that only works because its customers already know the brand.

Who can pull it off

• Creative studios and agencies whose website is itself a demonstration of taste and confidence.
• Artists, photographers and musicians whose work benefits from a stark frame.
• Independent publishers, record labels and galleries with a culture-led audience that enjoys the reference.
• Fashion and streetwear brands whose identity is built on attitude and rule-breaking.
• Tech and developer tools whose audience appreciates plain, fast, text-led pages.

What these have in common is an audience that sees the style as a signal of identity, not a lack of effort. They are also usually brands people seek out, rather than businesses competing for a stranger’s trust in a few seconds.

Who should think twice

A plumber, dentist, solicitor or care home needs a visitor to feel safe, understand the offer and find the phone number immediately. Brutalist design works against all three. Raw styling can read as unfinished or untrustworthy to someone who does not know the reference, and unusual layouts make people hunt for the basics. That does not mean these businesses must look generic; it means their distinctiveness should come from photography, colour, voice and brand rather than from breaking the conventions people rely on to use a site.

The same caution applies to online shops. Shoppers expect product pages, baskets and checkouts to behave predictably. A brutalist homepage can work for a fashion label, but the path to payment should still feel familiar.

The usability traps

• Poor contrast. Clashing colours can make text hard to read, especially for people with low vision. WebAIM’s guide to contrast and colour accessibility explains the ratios to aim for.
• Hidden navigation. If menus look like decoration, visitors cannot find their way around.
• Links that do not look like links, or decorations that look like links.
• Layouts that break on phones. Overlapping elements that look striking on a big screen can collide on a small one.
• Tiny or enormous type that is hard to read at normal distances.

Good brutalist design solves these anyway. The raw look is a choice about style, not permission to skip accessibility. In the UK, the Equality Act expects businesses to make reasonable adjustments for disabled customers, which includes how they use your website; our guide to website accessibility covers what that means in practice.

Borrowing from brutalism, safely

You do not have to go all the way. Many of the best small business sites borrow one or two brutalist ideas and keep everything else conventional:

1. Bold, oversized headlines in a strong typeface, with plenty of space around them.
2. Visible grid lines or borders between sections, which can look crisp and confident.
3. A limited, high-contrast palette such as black, white and one sharp accent colour.
4. Text-led pages that load quickly and say things plainly.
5. Honest, unretouched photography of real work, rather than glossy stock.

Keep navigation, buttons and forms familiar, test the site on a phone, and check contrast. That gives you a site that stands out without asking visitors to learn a new way of using the web.

Building a brutalist site properly

Ironically, raw-looking sites often need more design skill, not less. Every choice is exposed: the spacing, the type scale, the grid. Templates rarely do the style justice because brutalism is the opposite of a template. A bespoke build lets the design be bold while the underlying code stays clean, fast and accessible. Our comparison of bespoke WordPress versus a theme explains why that matters.

The style also has to match the brand. A brutalist site for a gentle, family-run bakery sends mixed messages; for a natural wine bar with a punk streak it might be perfect. If you are unsure whether your brand can carry it, settle the identity first. Our guide to brand identity versus logo design explains what a full identity covers, and our brand identity design is £299.

Briefing a designer for a bold site

If you decide to go bold, brief it clearly. Collect five to ten sites you love and five you dislike, and say what you like about each: the type, the spacing, the attitude. Name the one thing a first-time visitor must be able to do within five seconds, such as find the next gig, see the latest collection or book a consultation. And agree up front that the site will be tested on phones and checked for contrast before launch, so the style never comes at the cost of the basics.

Is it right for you?

Ask three questions. Does your audience know and enjoy the reference? Will a first-time visitor still find what they need in seconds? Does the raw style express something true about your business? If you get three yeses, brutalism can make you unforgettable. If not, borrow a few of its ideas and keep the rest familiar.

Our custom WordPress websites start at £499, hand-coded with no page builders, so bold designs stay fast and accessible. For a single striking page, our one-page website is £299. If you are reworking an existing site, our guide to a website redesign sets out the process, and our website cost calculator gives a quick estimate. Every Luxbranding price is on our pricing page.