Brutalist Web Design vs Monospace

Monospace is the cross-discipline counterpart of Brutalist Web Design — the raw, technical 'code' aesthetic.

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 →
Type specimen — Monospace (Fixed-width); set in JetBrains Mono (OFL)

Monospace

The family in which every glyph occupies an identical horizontal width, descended from the mechanical typewriter and now the default voice of code. A narrow 'i' and a wide 'm' share the same cell, forcing distinctive design compromises.

  • Every glyph advances an identical fixed width
  • Wide spurs and serifs padding naturally narrow letters
  • Condensed forms for naturally wide letters
  • Strongly differentiated confusable characters
  • Even horizontal rhythm aligning into columns
Full Monospace guide →

At a glance

Brutalist Web DesignMonospace
Erac. 2014–presentc. 1870–present
DisciplineGraphic DesignTypography
RegionInternet, GlobalUnited States, Global
FamilyDigital, PostmodernMonospace
Formal traitsraw-html, monospace, default-styling, anti-designmonospaced, fixed-width, even-rhythm, mechanical

More comparisons

Advertisement