Neo Brutalism

大胆一点，
贴纸拍上去

奶油底、4px 黑边、硬偏移阴影：按下去影子被吃掉，这就是机械按压。

立刻开冲 逛逛组件
类别 · 移动端 年代 · 2020s 新野兽派 复杂度 · 高 最适合 · 创意工具 / Gen Z 电商

Features

三件套路，一眼上头

硬影偏移

阴影是实心色块，偏移 4–8px、零模糊，像纸片叠在桌面上。

机械按压

按下时元素平移盖住影子，"咔哒"一声的位移反馈。

贴纸拼贴

徽章与卡片自带 -2° / 2° 微旋转，波普撞色随手一贴。

Controls

按钮与控件

徽标 Hot 热卖 限时 -50%

悬停上浮加深影 / 按压平移 6px 吃掉影子 / 禁用改虚线边。

Form

来都来了，留个名

Palette

波普配色板

#FFFDF5
#FF6B6B
#FFD93D
#C4B5FD
#000000
#FFFFFF

Type

字体级阶

展示级 · Space Grotesk Bold · 42px

砸出来的标题

标题 · Space Grotesk Bold · 24px

小节标题也要粗

正文 · Space Grotesk Medium · 17px

正文 17px、行高 1.6，纯黑文字压在奶油底上，绝不用含糊的浅灰。

标签 · Bold · 12px 大写

Label 标签样式