# Web Brutalism

> Raw, anti-aesthetic web design: default browser fonts, unstyled links, harsh layout, deliberate ugliness as honesty.

- Category: Digital era
- Era: 2014–present
- Origin: Independent web and art scenes — Yale School of Art website is an early landmark
- Lesson: https://design.dawit.dev/styles/brutalism
- Try it: https://design.dawit.dev/styles/brutalism?style=brutalism

## Where it came from

Web Brutalism borrows its name from architectural Brutalism (exposed concrete, structural honesty) and applies the ethos to the web: refuse to hide the structure, refuse cosmetic polish, let the medium show. The Yale School of Art website — a wiki its students and faculty can edit, raw by design — is an early reference. The style gained traction in the mid-2010s as a reaction against the uniformity of Bootstrap-and-flat-design SaaS.

## How to spot it

- System fonts and browser-default styles embraced, not overridden
- No border-radius; harsh rectangular edges everywhere
- Monospace type for body text or headings
- Visible structure — grid lines, borders, tables as decoration

## Strengths

- Extremely fast — almost nothing to load
- Forces the content to carry the page
- Memorable and distinctive in a sea of identical SaaS

## Weaknesses

- Hostile to users who expect polish
- Easy to make something that is just bad, not purposefully raw
- Navigation affordances can be genuinely unclear

## In the wild

- Yale School of Art website
- Bloomberg Businessweek interactive stories
- Various art and literary magazine sites

## Use it when

Art, editorial, cultural or portfolio contexts where honesty and rawness matter more than comfort.

## Related styles
[Neo-Brutalism](https://design.dawit.dev/styles/neo-brutalism.md), [Swiss / International](https://design.dawit.dev/styles/swiss.md), [Editorial](https://design.dawit.dev/styles/editorial.md)