Readymag
浅色基底、紧密字距与细线分隔。
MasterClass
近黑色基底、细线分隔与大幅摄影展示。
页面以近黑色为基底，搭配白色文字。局部操作控件以黄色强调。字体采用 Sohne、Sohne Schmal。视觉特点包括细线分隔、大幅摄影展示、网格布局。适合参考的场景：音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- 使用 #e32652 洋红聚光灯仅用于任何页面上最重要的单个行动 —— 严禁用于装饰元素、图标或次级按钮。
- 将首屏和区块标题设置为 Sohne Schmal 字体，字号 64–80px，行高 0.85–0.90，以实现压缩的编辑风格；这是系统最具识别度的排版特征。
- 使用 #272c33 或 #f4f4f5 的 1px 内嵌细线边框来定义表面边界 —— 严禁使用阴影，因为其在暗色画布上本就不可见。
- 所有图片和媒体卡片均设置 12px 圆角；这是默认的图片处理方式，使讲师肖像看起来像框裱的印刷品，而非网络缩略图。
- 使用 #eed37f 编辑用金色用于分类胶囊按钮、装饰图标和区块点缀 —— 它提供了纯白或灰色无法带来的温暖感。
- 保持主要区块之间 64–80px 的垂直间距以维持戏剧性节奏；紧凑的间距会破坏画廊墙面的隐喻。
- 正文使用 Sohne 字重 400，字号 16px，行高 1.50 —— 这是可读性最高且符合品牌调性的阅读体验。
- 每个主行动洋红 CTA 必须搭配最多一个透明描边次级按钮；严禁同时使用多个竞争性颜色的填充按钮。
建议避免
- 不要为任何元素添加阴影 —— 该设计系统仅使用内嵌边框来实现层级感。
- 不要在大面积或按钮上使用 #dcff00 氖绿电光色；它仅作为点缀，专用于印章和‘新’标签。
- 不要为卡片或图片设置超过 12px 的圆角 —— 该系统为锐利但柔和，而非软绵绵的。
- 不要将正文文字设置低于 14px，或标题设置低于 32px；字体层级刻意拉大以实现编辑类对比。
- 不要引入超出洋红-金色-电光三色之外的新辅助色；黑暗舞台的调性依赖色彩克制。
- 不要在正文或 UI 标签中使用 Sohne Schmal —— 其极度压缩的结构在小于 48px 时会破坏可读性。
- 不要在界面中使用任何亮色或白色背景；整个体验始终是单一的暗色舞台。
- 不要使用超过 2px 的边框厚度；该系统通过细线传达结构，而非厚重笔触。
