Heynds

白色基底、细线分隔与扁平表面。
页面以白色为基底,搭配近黑色文字。字体采用 Geist。视觉特点包括细线分隔、扁平表面、居中构图、网格布局。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- #f53900 Ember Orange只用于唯一的主要CTA、描边操作边框和图标点缀;绝不要作为非操作内容的表面填充。
- 所有按钮和表单控件采用4px圆角,徽章和图标容器采用9999px,卡片采用8px;不要混用这些圆角家族。
- 展示标题采用Geist 600–700、40–80px和1.0–1.11行高,居中置于内容上方。
- 内容行通过1px的#e5e5e5细线边框分隔,取代背景色变化或厚重分隔线。
- #ffe0d6 Peach Wash用于徽章的柔和表面着色,而非完整分区或大型容器。
- 所有正文都保持#040101 Ink Black、14–16px和1.4行高;#827e7 Fog Gray只保留给辅助及弱化文字。
- 主要分区之间保持80–112px纵向间距,分区内部元素之间保持24px。
建议避免
- 不要引入额外彩色;单一橘色的纪律是品牌标志性特征。
- 卡片、按钮或弹窗不要采用大投影、发光效果或3D抬升;设计保持平面。
- 页面已经使用Snow Canvas时,不要再次将#fffafa Snow Canvas作为卡片表面;应取消边框,或添加1px的#e5e5e5细线。
- 正文段落或长篇文字不要使用#f53900;它只应出现在强调词、图标和CTA上。
- 不要采用锐利的0px直角;系统最小圆角为4px,大多数表面元素采用8px或9999px。
- 次级文字若可以使用#827e7,就不要使用#040101;Ink Black只留给必须首先阅读的内容。
- 不要使用渐变;系统只采用平面颜色和一层阴影。