General · No.38 · Neubrutalism

粗野一点,诚实一点,
大声一点

3px 硬黑边框、4px 硬偏移阴影、绝不使用渐变与模糊——把结构裸露出来,用高饱和撞色说话。丑得可爱,但每个像素都在干活。

  • 类别 · General
  • 年代 · 2020s Modern
  • 复杂度 · 低
  • 最适合 · Z 世代品牌 / 创意机构 / 工具类应用

风格特性

三条铁律,构成新野兽派的全部脾气。

硬边框

border: 3px solid #000。不透明、不圆滑、不含糊,每个元素的边界都清清楚楚。

硬阴影

box-shadow: 4px 4px 0 #000。45° 偏移、零羽化,阴影不是氛围,是结构本身。

高饱和撞色

柠檬黄、信号红、正蓝直接相撞,禁用渐变与模糊,靠色块与留白建立层级。

按钮与控件

悬停上浮、按下砸实、禁用褪色——状态切换全部瞬时完成。

HOT! 新上架

报名工作坊

表单也不遮遮掩掩:纸色输入面、内嵌硬阴影。

我们只回复足够大胆的提案。

配色板

四原色 + 两枚备用撞色,全部高饱和。

柠檬黄#FFEB3B
信号红#FF5252
正蓝#2196F3
薄荷#4ECDC4
芥末黄#FFDB58
结构黑#000000

字体级阶

Archivo Black 负责喊话,Space Grotesk 负责说理。

Display · Archivo Black · 48px大声设计
Heading · Archivo Black · 24px不加渐变的勇气
Body · Space Grotesk 500 · 16px新野兽派拒绝拟物的柔光与玻璃的暧昧:边框就是边框,阴影就是阴影,按钮按下去就该有被按下去的样子。
Label · Space Grotesk 700 · 13pxRAW / BOLD / FUNCTIONAL