Brutalism (Web)
also known asneo-brutalism · raw web · anti-design
A web design aesthetic that rejects polish — using raw HTML defaults, harsh borders, system fonts, and deliberate ugliness as expressive choices.
Web brutalism takes its name from Brutalist architecture (béton brut — raw concrete) and applies the same principle: expose the structure, refuse decoration. In practice this means thick black borders, system fonts (Times New Roman, Courier, Arial), no shadows or gradients, jarring color combinations, and layouts that ignore conventional grid harmony.
It emerged as a counter-reaction to the homogeneity of mid-2010s flat design and has since split into two camps: 'true' brutalism (intentionally hostile, art-leaning) and 'neo-brutalism' (the friendly version with bright colors and thick borders, popularized by Gumroad's 2021 redesign).
Web movement starting around 2014–2016. Neo-brutalism (the bright, friendlier variant) was popularized by Gumroad's 2021 redesign by Sahil Lavingia.
- Brands wanting to signal independence, anti-corporate, art-leaning
- Portfolios where personality outweighs polish
- Products targeting designers, artists, indie audiences
- Enterprise, finance, healthcare — trust signals collapse
- Anywhere conversion matters more than expression
- +Commit fully — half-brutalism reads as broken design
- +Use thick borders (3–6px) and hard shadows (4px 4px 0 #000)
- +Limit color palette to 2–4 saturated values
- −Don't add gentle gradients or soft shadows — that's not brutalism
- −Don't use brutalism for forms, checkout, or any conversion flow
Textbook examples in the directory
People also ask
What's the difference between brutalism and neo-brutalism?
True brutalism is austere, often monochrome or limited-palette, deliberately hostile. Neo-brutalism (Gumroad-style) keeps the thick borders and hard shadows but adds bright colors and friendly shapes — it's brutalism made approachable.