Ease Health 网站预览
Ease Health 网站预览

Ease Health

白色基底、衬线字形与扁平表面。

页面以白色为基底,搭配深绿色文字。字体采用 Faire Octave、Suisse Intl。视觉特点包括衬线字形、扁平表面、分屏构图、网格布局。适合参考的场景:健康产品介绍页、服务展示页。

查看原始网站

使用规范

建议采用

  • 所有 CTA、标题和主要链接均使用 Forest Ink(#0f3e17)——它是唯一饱和的深色,必须保持唯一性
  • 所有展示性标题均使用 Faire Octave 300 字重,字间距收紧(-0.03em,字号范围 56–74px)——绝不使用衬线字体的粗体
  • 在 FAQ 和功能模块中,衬线字体问题搭配无衬线字体回答,以形成排版对比
  • 通过奶油 → 关键柠檬 → 青柠 → 鼠尾草 → 灰 蓝灰色 的层次叠加,实现深度营造,无需阴影
  • 所有卡片和按钮使用 14px 圆角,所有徽章和标签使用 999px 圆角——一致性不容妥协
  • 仅在 标题前的小标签 标签上使用 0.08em 字间距、大写、600 字重——其他地方均不可
  • 将 Slate Hush 面板作为产品截图的唯一专属区域——它为温暖的绿色面板提供了冷调的平衡

建议避免

  • 绝不为卡片添加 box-shadow——系统通过 带淡色的 层级传达深度感
  • 不要将 Forest Ink 用作背景晕染——它太深,不适合表面色调;仅用于文本和操作填充
  • 避免混合多种标题粗细——所有标题均使用 Faire Octave 300 字重;粗体会破坏静谧的编辑氛围
  • 不要在卡片上使用彩色边框——深度来自填充对比,而非描边
  • 一次只使用一种衬线字体——Faire Octave 负责展示,Suisse Intl 负责其余内容
  • 避免引入新的强调色——色彩体系严格限定为植物类绿色与 蓝灰色;任何其他颜色会破坏温室的隐喻
  • 避免卡片下边距小于 21px——必须保持 28–42px 的充足边距,以实现柔软、呼吸感的视觉效果
  • 不要将鼠尾草或关键柠檬色调用于文字——这些仅是表面颜色,对文字内容的对比度不足