Superhuman

黄金时刻编辑仪表盘
Superhuman 位于编辑摄影与软件 UI 的交界处——温暖的羊皮纸画布(从不使用纯白色)框住了深红的品牌展示场景和鲜明的紫罗兰色点缀。标题采用 460 字重而非大声呐喊,让电影级满幅首屏摄影承担情感表达,同时半透明的产品 UI 卡片如玻璃般漂浮于图像之上。整体配色保持沉静且具编辑感:奶油色表面、炭黑色文字、细线暖灰边框,以及充足的间距,色彩仅用于有意识的品牌强调——一个深红的行动号召按钮、紫罗兰色链接、浅薰衣草色次级按钮。系统刻意避免在 UI 表面使用强烈的阴影或渐变;深度来自分层摄影和页眉的轻微背景模糊,而非堆叠的层级结构。
查看原始网站使用规范
建议采用
- 所有 28px 及以上字号的标题均使用 460 字重——这是系统的标志性语调,而非默认设置
- 正文文字设为 #292827,背景为 #f2f0eb,从不使用纯 #ffffff 作为全页背景
- 将 #421d24 作为唯一主要行动按钮填充色;禁止引入第二种色彩按钮
- 仅将 #714cb6 用于内联链接——禁止将紫罗兰色用作按钮填充、徽章或图标描边
- 产品 UI 卡片以 16px 圆角漂浮于摄影背景之上,不添加阴影;由照片本身提供深度
- 当内容滚动到页眉下方时,为页眉应用 backdrop-filter blur(12px);滚动时显现 1px 的 #e3e3e2 边框。
- 在显示尺寸上保持字间距紧凑(64px 时为 -0.028em,49px 时为 -0.027em),正文 16px 及以下时字间距为零
建议避免
- 标题绝不使用 700 及以上字重——系统以 460 字重发声,而非 700
- 绝不将白色表面直接置于白色背景上;画布为羊皮纸 (#f2f0eb),卡片仅在需要时为白色 (#ffffff)
- 绝不为卡片添加阴影——深度来自分层,而非层级堆叠
- 绝不引入蓝色、绿色或红色强调色;强调色仅限于深红、紫罗兰和薰衣草
- 绝不将超过两行的正文居中——标题和描述应左对齐以保持编辑节奏
- 绝不使用纯 #000000 作为文字——炭黑 (#292827) 保持系统温暖
- 绝不将深青色 (#0c4243) 用于除满幅特色板块外的任何部分;它并非卡片或组件背景