Brutalist Web Design vs Punk Graphic Design

Brutalist Web Design was influenced by Punk Graphic Design — shares punk's anti-design, DIY, deliberately crude attitude.

Original specimen in the brutalist web-design style

Brutalist Web Design

A web aesthetic that strips sites back to raw, unstyled HTML — default fonts, blue underlined links, naked structure — rejecting the polished sameness of mainstream UX design.

  • Raw, unstyled HTML with exposed default browser styling
  • System default fonts like Times New Roman and monospace
  • Plain blue underlined hyperlinks and stark black-on-white text
  • Visible borders, hard edges, and absent decorative polish
  • Deliberately confrontational or anti-conventional layouts
Full Brutalist Web Design guide →
Original specimen in the punk cut-and-paste style

Punk Graphic Design

The aggressive do-it-yourself aesthetic of punk, built from ransom-note lettering, photocopied collage, torn paper, and a deliberate rejection of professional polish.

  • Ransom-note lettering cut from newspapers and magazines
  • High-contrast photocopied (Xerox) texture and grain
  • Torn paper edges and visible glue-and-scissors collage
  • Hand-scrawled marker text and defaced imagery
  • Deliberately crude, anti-professional layouts
Full Punk Graphic Design guide →

At a glance

Brutalist Web DesignPunk Graphic Design
Erac. 2014–presentc. 1976–1984
DisciplineGraphic DesignGraphic Design
RegionInternet, GlobalUnited Kingdom, United States
FamilyDigital, PostmodernVernacular/Pop, DIY/Subculture
Formal traitsraw-html, monospace, default-styling, anti-designcut-and-paste, ransom-note, photocopy, high-contrast

More comparisons

Advertisement