Readymag
浅色基底、紧密字距与细线分隔。
Scheduling
白色基底、圆角卡片与细线分隔。
页面以白色为基底，搭配近黑色文字。字体采用 Basel Grotesk Book、Basel Classic Book。视觉特点包括圆角卡片、细线分隔、分屏构图、大幅摄影展示。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 仅在96px及以上字号时使用Basel Classic Book；保留它用于页面上最核心的表达
- 所有标题行高设定为1.0或以下；这种紧密堆叠是标志性特征，非可选
- 在任何40px及以上字号的文本上应用-0.03em字间距；正文字号下字间距为0
- 交替使用#ffffff和#f0f7f6作为区块背景，以营造杂志版面的节奏
- 仅在每个视图中使用#cccc25（太阳黄）于一个元素——首屏CTA、一个单一数据芯片或一个渐变晕染——绝不作为通用强调色
- 所有按钮的圆角半径设为1440px，标准卡片的圆角半径设为8px；在组件家族内混合两种圆角会破坏系统一致性
- 所有分隔线和透明描边元素使用1.5px边框（而非1px）——稍重的线条读作有意的墨迹，而非CSS默认值
建议避免
- 不要在标准卡片上添加阴影；该系统本为扁平设计，阴影会削弱编辑风格
- 不要将#000000用于文字或填充——始终将其调为#17150以保留印刷墨水的质感
- 不要在小于96px的字号下搭配Basel Classic；在小字号下语气对比会崩溃
- 不要将黄色按钮置于黄色渐变背景上——CTA将完全失去重点
- 不要为任一字体添加第三个显示字重（例如600）；系统仅使用400和500
- 不要将装饰性插画色（珊瑚、杏仁、薰衣草）用于UI状态、文字或边框——这些颜色仅用于渐变艺术
- 不要为按钮添加悬停阴影；仅使用背景色或边框色过渡
