A near black background with a glowing chip diagram and orange metric callouts (10TB, 240TB/s) makes dense hardware specs feel dramatic rather than dry.
Collections · Brutalist websites
7 best brutalist website designs.
Raw, bold websites with exposed grids, heavy type and a deliberate disregard for polish.
Updated
← All collectionsWeekly Picks
01 of 07

A huge round outlined wordmark sits over a surreal cantilevered house photo, echoing the typeface's circular letterforms before any text is read.
02 of 07

A pixel-font wordmark and acid yellow banner give a developer-tool page some personality, while the diff-style code snippet shows the product change in the…
03 of 07

A lone figure against open sky and a faint ring gives an abstract mission a human, almost cinematic presence, while small monospace tags float beside bold…
04 of 07

A stacked gallery of attendee photos against gradient green grids sets a lively, community mood before the heavy black headline even loads, so the people feel…
05 of 07

A dark green hero with glassy stacked blocks sets a serious, technical mood, while a tabbed pain-point section and plain black and white founder photos build…
06 of 07

A bulging bold wordmark and a close-up photo of cracked industrial waste with glinting yellow flecks set an industrial, high-stakes tone right away.
07 of 07

Oversized grey headlines sit on a glitchy dark hero, then a jarring violet panel with a brain graphic marks a clear shift in mood.
More brutalist websites.
Deep blue gradients and oversized serif type give a late-night, moody feel that matches the midnight-coffee idea, while a hand holding the espresso glass…
Giant black slab headlines and a torn-strip photo collage of scrapyards give a grim material a blunt, confident voice.
A pale page opens with tall condensed blue type, then drops into a long electric blue section where halftone, dot matrix portraits give the research a raw,…
A massive bold wordmark on white sets a confident tone before the page shifts into mockups shown on real screens and laptops, so each project reads as a…
Huge black headlines and blue-line drawings of classical bank columns make a new fintech feel as solid as an old institution.
A chrome keyring of 3D brand objects tops a pale grey hero with one huge grotesque headline, giving a technical tool a playful, tactile hook.
A faint crosshair grid and monospace captions frame the page like a technical drawing, while a glossy 3D "hello" and heavy uppercase headline add personality.
One thin vertical rule splits the page, and huge bold black words hang off either side of it in a stepped rhythm, so the layout itself reads like a typography…
Near-black pages, one orange accent and large Neue Haas Unica headlines keep the focus on the effects themselves.
A massive black wordmark and mono uppercase labels sit over a fine graph-paper grid scattered with film stills, putting the search bar at the centre of the…
Duotone electric-blue photo grids on pure black, flanked by small all-caps project lists, read like a gallery index from the first screen.
Towering condensed serif capitals spell the name across a warm charcoal block, with tiny sans details pinned to the corners.
How these were chosen
An editor chooses every website in the library, and each one is reviewed for typography, layout, colour, motion, content and originality.
The best-reviewed brutalist websites lead the list; the rest of the collection follows.
What the best ones get right
- Visible structure: borders, grids and system fonts
- Contrast that is loud on purpose
- Rough edges that still leave the content easy to use
Questions designers ask
What is brutalist web design?
A style that shows its structure openly, with raw grids, heavy type and little decoration, often to stand out from polished templates.
Is brutalist design bad for usability?
Not when it is done well. The best examples here stay readable and easy to navigate despite the bold look.
How are the best picks chosen?
An editor chooses every website in the library, and each one is reviewed for typography, layout, colour, motion, content and originality. The best-reviewed sites lead the collection.
Every one of these brutalist websites, A to Z
Get Weekly Picks.
A focused selection of websites and sections, delivered by email.
Weekly Picks