Web Brutalism

ウェブ・ブルータリズム / 2014– / Style / UI Expression

Puts the browser's default rendering straight on screen and refuses the finished look of templates. The bare structure of the HTML becomes the style itself.

Web Brutalism — AI-generated interpretation 1
AI-generated interpretation, not a reference work
Web Brutalism — AI-generated interpretation 2
AI-generated interpretation, not a reference work
Web Brutalism — AI-generated interpretation 3
AI-generated interpretation, not a reference work

At a glance

Visual cues

  • Default headings and links
  • Blue underlined links
  • Extreme jumps in size
  • Rules and white space without ornament

Best used for

  • Gallery and label announcements that choose speed of information over polish
  • Putting deliberate distance between you and template-built competitors

Use this style

Take the compact brief into a project or hand the structured version to an AI tool.

design.mdimage promptJSON APIMCP & machine accessCompose
open in ChatGPTopen in Claudeopen in Google AI
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats

Dictionary entry

Type
Keep the default face and push only the headings to full page width
Composition
Drop the columns, stack in one vertical run, divide with rules and space
Material
White or one flat ground, images left compressed and placed at actual size
Caution
Tidying only the margins and line lengths while posing as the browser default makes the plainness read as staging, and readers quit while still hunting for a reason behind the mess.
Further study
Brutalist Websites / the return of the default stylesheet / the reaction against templating

Related entries

Often confused with

More from UI Expression

Continue through styles in the same UI Expression family, prioritised by shared effects.

Browse all UI Expression entries

Cite this entry

The dictionary is meant to be linked to. Take whichever form fits where you are writing.

Link
https://indexstyle.org/styles/web-brutalism
Markdown
[Web Brutalism — IndexStyle](https://indexstyle.org/styles/web-brutalism)
HTML
<a href="https://indexstyle.org/styles/web-brutalism">Web Brutalism — IndexStyle</a>

Back to index position