勒·柯布西耶《马赛公寓》
勒·柯布西耶 · 1952 · 版权期
看：粗野主义的起点——清水混凝土整栋裸露，337 套公寓叠成一座"垂直城市"，2016 年列入联合国教科文组织世界遗产。
艺术风格 · 美学百科全书
网页粗野主义
Brutalism
网页粗野主义暴露结构、拒绝装饰，以粗边框与默认字体诚实呈现内容。
建筑约 1950 年代—1970 年代；网页约 2014 年至今 · 建筑源于英国与勒·柯布西耶的法国实践；网页版源于 brutalistwebsites.com
向下看看 ↓
简介
先讲清名字。"粗野主义"的英文 Brutalism 源自法语 béton brut，意思是"清水混凝土"——浇筑后不粉饰、不遮盖的混凝土本色。它不是"残暴"，而是一种诚实：材料是什么样，就让它是什么样。1950 年代，英国建筑师艾莉森与彼得·史密森夫妇与勒·柯布西耶的实践让这一风格成型；理论家雷纳·班纳姆 1955 年提出三条标准：形象可记忆、结构清晰展示、材料如实呈现。一栋楼好不好看不重要，重要的是它不撒谎。
2014 年，苏黎世创意人帕斯卡·德维尔创办 brutalistwebsites.com，收录那些拒绝模板与装饰的网站，网页粗野主义由此得名。它继承了建筑版的伦理：暴露结构（网格、边框、默认样式都不藏）、拒绝装饰（不用圆角、渐变、柔和阴影来讨好眼睛）、拒绝模板化（每个网站按自己的内容长，不套同一套"好看"的壳）。在充斥着千篇一律的极简落地页的网络上，粗野主义网站像一块裸露的混凝土——扎眼，但是真的。
今天的网页粗野主义有两个面孔：经典的"生猛版"（黑白、等宽字体、默认样式，代表是 Craigslist 那种二十年不变的界面）与更亲和的"新粗野主义"（neubrutalism，明亮平色 + 硬阴影，代表是 Gumroad）。对初学者来说，它是最容易上手的"反模板"风格：不需要精致的配图与动效，把结构摆清楚、把字排大排粗，就已经成立。
英文定义：Web brutalism exposes a page's structure and rejects decoration, presenting content honestly with thick borders and default fonts.
第一个 prompt
要跟 AI 说这个风格，第一句话就这么说。直接复制就能用。
用网页粗野主义风格设计一个作品集网站首页：黑白底色加高亮单色、粗黑边框、等宽字体，结构裸露、直白有力。
Design a portfolio homepage in web brutalism style: black and white with one loud accent color, thick black borders, monospace type — raw structure exposed, blunt and direct.
变体
-
新粗野主义
用新粗野主义风格设计一个数字产品商店首页：明亮平色卡片、粗黑边框、硬阴影、超大粗黑标题，活泼、亲和、有冲击力。
Design a digital product store homepage in neubrutalism style: bright flat-color cards, thick black borders, hard shadows, oversized bold black headlines — playful, friendly, punchy.
-
博客
用网页粗野主义风格设计一个技术博客首页：默认系统字体、裸露网格、蓝色超链接、无圆角，内容至上、像一份可读的文档。
Design a tech blog homepage in web brutalism style: default system fonts, an exposed grid, blue hyperlinks, no rounded corners — content first, readable like a document.
-
海报
用粗野主义风格做一张建筑展海报：混凝土灰底、粗糙混凝土质感、巨大几何体量、超大粗黑标题，沉重、真实、不加修饰。
Design an architecture exhibition poster in brutalist style: concrete-grey background, rough concrete texture, massive geometric forms, oversized bold black headline — heavy, honest, unadorned.
风格卡
给机器用的规格。工作台拼装时，真正调用的就是这张卡。
配色
#111111
曜黑 · 文字与边框
#FFFFFF
亮白 · 底色
#9C9C9C
混凝土灰 · 辅色·建筑侧
#A63A2E
砖红 · 辅色·建筑侧
#FFD400
高亮黄 · 点缀·高亮单色
#0000EE
链接蓝 · 默认超链接蓝，致敬早期网页
- 字体
- 标题：超大粗黑，可用系统默认无衬线加粗，或开源的 Archivo Black（SIL OFL，Google Fonts）；正文与代码感元素：等宽字体，推荐 JetBrains Mono（SIL OFL）或 IBM Plex Mono（SIL OFL），均为开源授权；也可以直接用系统默认字体（浏览器默认样式本身就是粗野主义的一部分）。用法：标题字号拉满、字重拉满；正文等宽、左对齐、不做字距微调。
- 构图
- 裸露网格：网格线、边框、分隔线全部可见，不隐藏结构；默认样式优先：能用浏览器默认样式就不用自定义样式；元素错位：标题、图片、色块可以故意不对齐，制造"未完成"感；内容分区用粗黑线直接切开，不用留白暗示；一屏塞满信息也可以接受，密度本身就是态度。
- 形态
- 巨大几何体量；直角与直线，拒绝圆角；粗黑边框（2–4px 起）；矩形色块平铺。
- 质感与母题
- 粗糙混凝土质感（建筑侧）；裸露边框；硬阴影（无模糊的实色偏移阴影，新粗野主义的标志）；默认超链接蓝；未修饰的系统默认控件。
- 禁忌
- 不用圆角、渐变、柔和阴影与拟物材质；不用精致插画与图库配图来"美化"页面；不用多套字体混排（最多一套等宽 + 一套粗黑标题）；不为了"粗野"牺牲可读性——粗野不是不可读，正文对比度与字号仍须达标，链接仍须可辨认、可点击。
画廊
几幅代表作。每幅只看一点：它最能说明这个风格的那一点。
史密森夫妇《亨斯坦顿学校》
艾莉森与彼得·史密森 · 1954 · 版权期
看：史密森夫妇的成名作——钢结构与砖墙全部裸露，班纳姆"结构清晰展示、材料如实呈现"标准的活例证。（外链待补。）
伦敦巴比肯中心
伦敦巴比肯建筑群 · 1965–1976 年建造；中心 1982 年开放 · 版权期
看：粗野主义最完整的一座"城中之城"——混凝土高塔、空中走道与湖畔平台，争议最大也最受爱戴。
brutalistwebsites.com
帕斯卡·德维尔 · 2014– · 当代作品
看：网页粗野主义的命名者与大本营——网站本身就是宣言：默认字体、无限滚动、不分类，"以粗糙与不顾舒适为荣"。
Craigslist
克雷格·纽马克 · 1996 年上线 · 当代作品
看：最著名的"无意间粗野"的网站——蓝链接、白底、零图片，二十多年几乎不变，却每天服务数百万人；粗野主义"功能即美"的最佳证明。
历史流变
- 1952 勒·柯布西耶的马赛公寓落成，清水混凝土整栋裸露，成为粗野主义的起点。
- 1954 史密森夫妇的亨斯坦顿学校建成，钢结构与材料全部裸露，"新粗野主义"一词开始流传。
- 1955 雷纳·班纳姆发表《新粗野主义》一文，提出三条标准：形象可记忆、结构清晰展示、材料如实呈现。
- 1965–1976 伦敦巴比肯建筑群建造，粗野主义走向大规模城市实践。
- 1968 波士顿市政厅落成，粗野主义在美国达到高峰。
- 1970 年代末起 建筑粗野主义衰落，被视为冰冷、压抑，遭到舆论与后现代主义的反弹。
- 2014 帕斯卡·德维尔创办 brutalistwebsites.com，网页粗野主义得名并开始被系统收录。
- 2010 年代末起 新粗野主义兴起——明亮平色 + 硬阴影，把粗野做得更亲和，走进主流产品界面（如 Gumroad）。
关键人物
- 勒·柯布西耶——清水混凝土的实践者，马赛公寓的建筑师，粗野主义的源头。
- 艾莉森与彼得·史密森——英国夫妇建筑师，新粗野主义的命名者与实践者。
- 雷纳·班纳姆——理论家，1955 年提出粗野主义三条标准。
- 厄诺·戈德芬格——伦敦粗野主义住宅塔楼的代表建筑师。
- 帕斯卡·德维尔——brutalistwebsites.com 创办人，把粗野主义带到网页。
演变与影响
从战后欧洲的集体住宅需求中来，是现代主义"诚实材料"主张的极端化；与瑞士风格同源（都讲诚实与秩序），却走向对立——瑞士风格追求精致的清晰，粗野主义追求裸露的真实。建筑版在 1970 年代末衰落后，2014 年以网页版复活，成为对模板化、千篇一律的极简网页的反叛；新粗野主义又把它软化，带进主流产品设计。它也影响了朋克/DIY 图形与"反设计"潮流。
相关条目
相关流派
各流派页逐篇发布，发布后转为链接。
搭得好的组件
关键词：粗野主义、网页粗野主义、新粗野主义、清水混凝土、暴露结构、等宽字体、硬阴影、反模板
草稿。画廊作品均在版权期或为当代作品，只放文字介绍 + 外链，不直接放图。英文全文翻译后补。