CQCM
白色基底、胶囊形控件与大字排版。
Cards Against Humanity
近黑色基底、大字排版与圆角卡片。
页面以近黑色为基底，搭配暖白色文字。字体采用 Spektra、Helvetica Neue LT。视觉特点包括大字排版、圆角卡片。适合参考的场景：内容网站首页、编辑专题页。
查看原始网站使用规范
建议采用
- 需要呈现活动海报感的标题采用Spektra 100–202px，并将行高降至0.82，让字形彼此碰撞。
- 所有可读文字都采用Void Black（#000000）上的Bone Cream（#ebe4d8）；16.6:1对比度是系统的基础。
- Alarm Red（#ff4034）保留给注释、危险提示和链接层，绝不要作为正文内容的背景填充。
- 布局默认居中单栏，正文max-width约为680px；页面具有编辑式气质，而非仪表盘气质。
- 主要按钮采用120px border-radius，少见的容器卡片采用2520px；这个系统不存在4–8px圆角。
- 每个填充按钮都配硬朗的0 4px 0 #c3bdb3偏移阴影；任何地方都不使用柔和投影。
- 将雷达圆环图案和火焰插画视为反复出现的页面陈设；任何满幅深色分区都复用Alarm Red同心圆环组。
建议避免
- 不要引入第二种彩色强调色；红色是唯一的信号色，稀释它会毁掉警报广播的感受。
- Spektra的字号不要低于32px；它在正文字号下无法阅读，并会破坏系统。
- 文字或边框不要使用#777、#aaa等中性灰；直接从黑色跨到Bone Cream。
- 任何表面的border-radius都不要低于10px；系统要么极度圆润，要么完全没有圆角。
- 不要添加卡片阴影、悬停抬升或超过约150ms的过渡；设计是印刷品，而非应用。
- 宽于680px的正文段落不要居中；更长行宽会毁掉海报节奏。
- 不要使用摄影或渐变；视觉语言只采用平面、双色的编辑式图形。
