Cards Against Humanity

近黑色基底、胶囊形控件与大字排版。
页面以近黑色为基底。字体采用 Helvetica Neue LT、Helvetica Neue。视觉特点包括胶囊形控件、大字排版、宽松留白、满幅色块。适合参考的场景:内容网站首页、编辑专题页。
查看原始网站使用规范
建议采用
- 所有标题与展示文字使用字重 800;厚重的 Helvetica 是品牌声音。
- 所有交互元素都使用 2px 内阴影作为边框处理,替代描边或投影。
- 所有按钮与徽章使用胶囊形,圆角 38–64px。
- 背景由以不同角度旋转的散落白卡组成,强化游戏桌氛围。
- 彩色只使用三种品牌强调色 Signal Red、Royal Violet、Antique Gold,且只用于边框,不用于填充。
- 55px+ 展示文字的行高设为 0.98–1.07,形成紧密有力的堆叠。
- 区块边界通过黑字白底与白字黑底的色彩极性反转分隔,不引入新颜色。
建议避免
- 16px 以上的任何文字不要使用字重 400;网站声音始终厚重。
- 不要通过投影产生浮起效果;2px 内嵌边框系统是唯一深度处理。
- 不要用彩色填充大面积区域;强调色是轮廓,不是背景。
- 卡片圆角不要小于 13px,按钮圆角不要小于 32px;几何必须让人联想到实体卡牌。
- 不要添加渐变填充;色板严格平面,唯一复杂性来自散落卡牌的构图。
- 不要使用字间距技巧;字重 800 的原始 Helvetica 几何就是整个排版系统。
- 不要将蓝、绿或粉色引入界面外框;这些颜色只存在于装饰散落卡牌的牌面填充中。