Readymag
浅色基底、紧密字距与细线分隔。
Itsnicethat
近白色基底、大幅摄影展示与扁平表面。
页面以近白色为基底，搭配深灰色文字。字体采用 LabilVariable、Bradford。视觉特点包括大幅摄影展示、扁平表面、分屏构图、网格布局。适合参考的场景：音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- 任何标题或展示文字都使用 LabilVariable，字间距从 11px 时的 0.025em，放宽到 40px 时的 0.091em。宽间距必须坚持。
- 所有按钮、标签和导航胶囊都设为 75px 圆角。胶囊形是系统主要控件标志。
- Signal Violet #8147ff 只用于搜索按钮和激活状态，界面其余部分保持无彩色。
- 表面仅通过明度叠放：#f0efef 画布 → #ffffff 卡片 → #faead9 暖色带。绝不用阴影创造纵深。
- 正文使用 15–17px 的 Bradford，紧密字间距为 0.005–0.027em。它与 LabilVariable 宽间距的对比，构成文字节奏。
- 垂直节奏保持紧凑，元素间距为 10px，卡片内边距为 20px，区块间距为 40px。网站是编辑信息流，而不是落地页。
- 让摄影和插画承担全部视觉颜色，克制添加彩色界面元素的冲动；艺术本身就是颜色。
建议避免
- 任何组件都不要添加投影、发光或模糊。纵深来自表面明度，而非悬浮。
- Signal Violet 不要用于背景、边框或插画等装饰用途。它表示交互，散落使用就会失去含义。
- 正文或界面文字不要采用宽字间距。LabilVariable 的开放间距只留给标题、标签和导航文字。
- 卡片、图像或缩略图不要添加圆角。75px 胶囊只属于交互控件。
- 不要引入新中性色，只使用既有尺度：主要色 #2b2b2b、次要色 #676767、第三级 #555555、分隔线 #c2c2c2、占位符 #929292。
- 除编辑摄影本身外，文字、边框或背景不要使用鲜明彩色。
- 正文行高不要放宽到超过 1.53。紧凑垂直节奏是信息流密度感的核心。
