BRUTALIST
EXAMPLES
CURATED SHOWCASE OF DIGITAL BRUTALISM: FROM CRAIGSLIST'S PURITY TO BALENCIAGA'S ARTISTIC REBELLION
CLASSIC EXAMPLES
CRAIGSLIST
craigslist.org
The purest form of web brutalism. Unchanged since the early days. Blocky grid layout, blue text links, zero decoration.
KEY CHARACTERISTICS:
Basic HTML markup
Blue hyperlinks
Grid-based layout
No styling polish
SETH'S BLOG
seths.blog
Minimalist brutalism by Seth Godin. No images, visible navigation, blue underlined text links.
KEY CHARACTERISTICS:
Text-only content
Visible navigation
Underlined links
Long-form reading
BLOOMBERG.COM
bloomberg.com
Clean, functional brutalist design for financial news. Information density over visual appeal.
KEY CHARACTERISTICS:
Information density
Functional layout
News-focused
Clean brutalism
CONTEMPORARY EXAMPLES
BALENCIAGA
balenciaga.com
High fashion meets digital brutalism. Brand aesthetic emphasis through stark, uncompromising design.
CHARACTERISTICS:
Fashion brutalism
Brand emphasis
Stark contrasts
Luxury meets raw
BRUTALIST WEBSITES
brutalistwebsites.com
The definitive collection of brutalist web design. Curated since 2014 by Pascal Deville.
CHARACTERISTICS:
Design collection
Curated examples
Historical archive
Design inspiration
IMPLEMENTATION TECHNIQUES
BASIC BRUTALIST HTML
<div class="raw-border">
<h1>BRUTAL HEADING</h1>
<p>No decoration.
Raw content.</p>
<a href="#">Blue link</a>
</div>ASYMMETRICAL GRID
.brutal-grid {
display: grid;
grid-template-columns:
1fr 2fr 1fr;
gap: 0;
}RAW BORDERS
.raw-border {
border: 4px solid #000;
box-shadow: 8px 8px 0px #000;
}NEO-BRUTALISM EVOLUTION
MODERN ADAPTATION
Neo-brutalism integrates contemporary design elements while maintaining core brutalist principles.
- Contemporary typography
- Varied color palettes
- Balanced proportions
MAINTAINED CORE
Despite evolution, the fundamental principles remain: function over form, raw aesthetics, deliberate imperfection.
BRUTALISM ENDURES