# Web Brutalism (ウェブ・ブルータリズム)

> 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.

- IndexStyle No.8 — https://indexstyle.org/styles/web-brutalism
- Kind: Style · Family: UI Expression · Era: 2014–
- Mood: Rebellion, Trust
- Color cues: #ffffff / #0000ee / #000000 (cues taken from reference works, not a fixed palette)

## Defining characteristics

- 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

## Composition recipe

- Typography & lettering: Keep the default face and push only the headings to full page width
- Layout & structure: Drop the columns, stack in one vertical run, divide with rules and space
- Material & texture: White or one flat ground, images left compressed and placed at actual size

## What to avoid

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.

## Application checklist

Before calling a piece an application of this style, check it against the defining characteristics:

- [ ] Default headings and links
- [ ] Blue underlined links
- [ ] Extreme jumps in size
- [ ] Rules and white space without ornament
- [ ] At least one reference work below has been studied directly
- [ ] The caution above ("What to avoid") has been addressed

## Related styles

- **Brutalist Architecture (ブルータリズム建築)** — A postwar ethic of public building that leaves béton brut exposed and hides neither structure nor services. Bound up with the ideals of the welfare state, it is now the subject of preservation campaigns. → https://indexstyle.org/styles/brutalist-architecture
- **Neubrutalism (ニューブルータリズム)** — Rebels warmly against the over-polished web with thick borders and blunt color. → https://indexstyle.org/styles/neubrutalism

## Further study

- Brutalist Websites
- the return of the default stylesheet
- the reaction against templating

## Reference works

- Brutalist Websites — https://brutalistwebsites.com/

## Source of record

- Brutalist Websites — https://brutalistwebsites.com/

## Machine surfaces

- JSON: https://indexstyle.org/api/styles/web-brutalism
- Image-generation prompt (legally clean): https://indexstyle.org/styles/web-brutalism/prompt.txt
- MCP: https://indexstyle.org/mcp (tools: search_styles, get_style, compose_styles; prompts: image-prompt, apply-style)