Voiceflow
白色基底、胶囊形控件与细线分隔。
Grammarly
白色基底、细线分隔与满幅色块。
页面以白色为基底，搭配深蓝色文字。字体采用 matter、Inter。视觉特点包括细线分隔、满幅色块、扁平表面、居中构图。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- Grammarly Teal（#027e6f）只用于主要按钮、链接、激活导航状态和满幅品牌横带，绝不作为卡片或插画的装饰填充。
- 所有按钮、导航项、标签、输入框和卡片等交互表面都采用8px border-radius；这一种形状值定义系统个性。
- 所有20px及以上标题采用matter 670，22px及以下副标题采用Glyph 700，绝不混淆角色。
- 所有matter标题采用-0.0100em letter-spacing，并按比例换算，例如52px时-0.52px、36px时-0.36px，以维持紧缩编辑式感受。
- 层级通过#ebebeb或#d9d9d9的1px边框分隔，而非box-shadow；Cloud（#f5f5f5）背景可用于细微分区交替。
- 正文保持Glyph 400、16px和1.5行高；任何用户可见文字都不要低于14px。
- 青绿企业横带上的次级操作使用白色描边按钮，边框1px #ffffff，绝不要采用第二种青绿色调。
建议避免
- 不要使用投影或抬升效果；系统刻意平面，改用颜色对比和细线边框。
- 除Grammarly Teal外，不要引入额外强调色；90%+无彩色调色板是定义系统的特征。
- matter不要用于16px及以下正文字号；展示字体的紧密度量在小字号下难以辨认，改用Glyph。
- 标准组件不要采用9999px完整圆角或20px+大圆角；8px是按钮、卡片和标签唯一正确的圆角。
- 不要将青绿文字放在青绿背景上，或Midnight Navy文字放在Ink Black上；保持对比数据确认的高对比配对。
- 除首屏区块和弹窗外，不要采用居中布局；功能分区和卡片网格应左对齐或基于网格。
- 标准组件表面不要添加渐变、插画或装饰图像；产品截图和青绿横带承载唯一视觉彩色。
