Readymag
浅色基底、紧密字距与细线分隔。
Mailchimp
白色基底、衬线字形与产品图像展示。
页面以白色为基底，搭配近黑色文字。局部操作控件以黄色强调。字体采用 Graphik Web、Means Web。视觉特点包括衬线字形、产品图像展示、网格布局、圆角卡片。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 每个主要CTA按钮均使用#ffe01b搭配1px实线#231e15边框（box-shadow 0 0 0 1px）和26px边框半径
- 将标题置于Means Web 300，字号40-48px，字间距-0.021em（约-1.0px，于48px时）
- 多区块页面中，区块背景按此顺序交替：#ffffff → #231e15 → #ffffff → #f5f5f5 → #ebe1cd
- 仅对需要浮于背景之上的卡片应用暖色阴影rgba(35,30,21,0.15) 0px 0px 20px 3px，从不使用蓝灰调的box-shadow
- 保持输入框仅使用下划线样式（border-bottom 1px solid #231e15，无侧边框，border-radius 0px）以维持横线稿纸般的编辑氛围
- 所有正文和UI文本均使用Graphik Web字间距-0.013em——绝不使用Graphik默认（0）字间距
- 仅将#004e56青绿色用于超链接和图标填充——绝不作为按钮或徽章背景使用
建议避免
- 按钮的边框半径绝不可超过26px（胶囊形），卡片边框半径绝不可超过10px——该系统除图标徽章外，不存在任何完整圆形的UI元素
- 绝不可引入第二个饱和强调色——#ffe01b是唯一鲜明色彩；增加蓝色、绿色或红色CTA会破坏单一信号层级
- 绝不可使用Means Web用于正文或UI标签——它仅用于32px及以上大小的标题展示
- 绝不可使用冷色调（如rgba(50,50,93,0.25)）的阴影——所有阴影必须以暖色调为主，使用#231e15作为阴影基础色
- 绝不可将白色或浅色CTA按钮置于白色背景上——黄底白底对比度（15.9:1）是系统设计的配对方案；白色背景上的透明描边按钮仅用于次要操作
- 绝不可对任何文本使用正向字间距（正字间距）——该系统在两种字体中均仅使用负字间距
- 绝不可使用平灰（#9e9e9范围）文本——最小次级文本颜色应为#706d67，以维持暖中性调性
