Letters
白色基底、胶囊形控件与圆角卡片。
Grove AI
白色基底、胶囊形控件与细线分隔。
页面以白色为基底，搭配绿色文字。字体采用 Libre Caslon Text、Geist。视觉特点包括胶囊形控件、细线分隔、扁平表面、衬线字形。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 首屏标题采用Libre Caslon Text 92px，绿色#0b835c只留给唯一产品名称，例如“Grace”，标题其余部分保持#1c1c1e。
- 所有按钮、标签和胶囊都采用9999px圆角，使整个交互语言柔软、胶囊化。
- 森林绿#0b835c严格只承担三种职责：衬线标题中的品牌词、小型大写分区标签，以及箭头或闪电等图标和方向强调；绝不作为实心按钮填充或大面积背景。
- 任何页面分区的标准CTA配对，是Filled Dark Button，即#1c1c1填充和白色文字，与Outlined Button，即透明背景和#1c1c1边框。
- Mist Gray（#eff1f6）是唯一卡片表面色；需要将内容分组时，卡片绝不采用白底白卡。
- 所有小型大写分类标签采用Geist 12px和0.1em字间距；宽字间距使它们像临床试验分区标题。
- 正文保持左对齐，宽度限制在约520px，以维持编辑式阅读栏。
建议避免
- 首屏标题不要采用Geist或任何无衬线；Libre Caslon Text衬线是品牌标志性特征，必须留在展示位置。
- 投影模糊不要大于1–2px；系统拒绝厚重抬升，偏好细线光晕。
- 不要引入新的强调色；调色板是单色加唯一绿色，添加蓝、红或紫会稀释临床权威。
- #0b835c不要用于填充按钮；深色填充按钮始终是#1c1c1，绿色只留给强调和小型大写标签。
- 正文段落不要居中；系统像编辑式布局，首屏以下的左对齐是不可更改的要求。
- 圆角不要使用14px至18px之间的数值；系统只采用8/12px紧凑元素、20/24px卡片或9999px胶囊，没有中间值。
- 衬线不要搭配#0b835c之外的鲜亮或饱和颜色；衬线文字上任何其他彩色都会破坏标志性特征。
