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.

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

Images at the source page

Dictionary entry

Best used for: Gallery and label announcements that choose speed of information over polish · Putting deliberate distance between you and template-built competitors
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 the margins and line lengths while pretending to be undefault makes the plainness read as staging, and the reader stops looking 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

Brutalist Architecture (ブルータリズム建築)compare

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