BRUTALIST

EXAMPLES

CURATED SHOWCASE OF DIGITAL BRUTALISM: FROM CRAIGSLIST'S PURITY TO BALENCIAGA'S ARTISTIC REBELLION

CLASSIC EXAMPLES

CRAIGSLIST

craigslist.org

PURIST

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

UX MINIMALIST

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

UX MINIMALIST

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

ARTIST

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

ARTIST

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

EXPLORE MORE EXAMPLES