Brutalism / Anti-Design / 1950s

反精致。
直给的界面。

零圆角、3px 粗黑边、4px 硬偏移阴影、0 毫秒过渡。不讨好、不修饰,把结构原原本本砸在屏幕上。

三条铁律

野兽派不是没有设计,而是把设计的骨架直接暴露出来。以下三条规则不可妥协。

零圆角

border-radius 永远等于 0。直角就是态度,任何弧线都是对结构的粉饰。

硬阴影 4×4

box-shadow: 4px 4px 0 #000。不模糊、不扩散,像一块砖压在另一块砖上。

瞬时切换

transition: 0s。悬停与按下的状态变化在一帧内完成,干脆利落,绝不缓动。

按钮与控件

悬停整体上移、阴影加深;按下位移 4px、阴影归零——所有反馈瞬时发生。

按钮状态
开关与徽标 RAW / 未打磨

表单示例

输入框同样是粗黑边直角盒子,聚焦时用蓝色描边加黄色硬阴影标记位置。

配色板

只用纯色:三原色打底,黑白定界,荧光绿与品红做极少量点缀。

字体级阶

展示层使用 Archivo Black,正文使用系统默认 Arial,标签使用等宽 Courier。

显示级 · Archivo Black · 58px

粗野直给

标题 · Archivo Black · 28px

结构即装饰

正文 · Arial 400 · 17px

默认字体、可见边框、原始层级——把网页最本来的样子摆到台面上。

标签 · Courier 700 · 14px

RAW / 标签样本