Readymag
浅色基底、紧密字距与细线分隔。
Dia Browser
白色基底、衬线字形与非对称构图。
页面以白色为基底，搭配近黑色文字。字体采用 Exposure Variable、Exposure VAR。视觉特点包括衬线字形、非对称构图、胶囊形控件、圆角卡片。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 所有交互控件、标签和视频播放按钮均使用9999px半径——任何触发动作的元素默认采用完整圆角。
- 显示标题使用Exposure Variable 300字重、112px字号、0.85行高——垂直压缩是其标志性特征，不可松动。
- 所有大写眉题和步骤编号采用13px ABC Favorit Mono及0.1em字间距；这一字间距形成编辑式章节标记的节奏。
- 所有卡片边缘使用1px实线边框（共28次）而非阴影——边框是深度提示的主要手段，阴影仅用于浮层元素。
- 主要行动按钮作为浮层元素，使用20px半径（非完整胶囊）；次要控件保留9999px半径。
- 慎用 --student-marquee 谱系渐变 — 每页最多出现一次，用作部分分隔或首屏强调元素，绝不可作为填充背景
- 保持正文文本80px的区块间距和2.19行高——充足的间距是编辑风格的必要条件。
建议避免
- 禁止使用明亮饱和色作为背景填充——系统整体为96%无彩色；仅允许在小范围编辑区域使用柠檬色（#f2fcb3）和姜黄色（#ffdc5c）的色晕。
- 禁止将标题设置为600-700字重——Dia在展示标题使用300字重，在副标题使用650字重；粗体字重破坏了其低语调的语气。
- 禁止使用超出定义范围的圆角值（12、16、20、24、9999px）——随意设定的圆角会破坏视觉一致性。
- 禁止在卡片上使用多层叠加阴影——仅限产品截图窗口使用3层滤镜；普通卡片仅使用1px边框。
- 禁止将彩色按钮置于彩色背景上——系统采用黑色文字在白色/亚麻背景，或白色文字在黑色背景，绝不使用彩色填充。
- 禁止任何文本行高低于1.25——即使112px的压缩标题也仅保留0.85行高，因为该字体是专为紧凑垂直布局定制的；切勿用系统字体复制此效果。
- 禁止为按钮添加悬停变换（缩放、平移）——系统仅通过颜色、边框和不透明度在0.2s缓动过渡
