Cards Against Humanity 网站预览
Cards Against Humanity 网站预览

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 几何就是整个排版系统。
  • 不要将蓝、绿或粉色引入界面外框;这些颜色只存在于装饰散落卡牌的牌面填充中。