Seed 网站预览
Seed 网站预览

Seed

白色基底、胶囊形控件与圆角卡片。

页面以白色为基底,搭配橄榄绿色文字。字体采用 Seed Sans、Seed Sans Mono。视觉特点包括胶囊形控件、圆角卡片、非对称构图、大幅摄影展示。适合参考的场景:产品介绍页、品牌展示页。

查看原始网站

使用规范

建议采用

  • 所有主要行动号召(CTA)、深色区域和正文文本使用深林绿(#1c3a13)——它是页面上唯一的色彩权威
  • 使用字重300–350适用于所有显示文本和标题文本(32px及以上);将字重400–500保留用于正文、按钮和标签
  • 仅在销售徽章、高亮胶囊和小型功能强调处使用青柠脉冲(#d3fa99)——切勿用于背景面积大于徽章或正文文本
  • 所有按钮、徽章、标签及胶囊形元素的边框半径统一设为1000px——完全圆润的形状是核心视觉特征
  • 区块背景仅使用雪白(#fcfcf7)或深林绿(#1c3a13)——避免引入中间色阶的表面颜色
  • 在所有展示尺寸(24px及以上)中,统一应用-0.015em至-0.02em的字间距收紧,以匹配品牌精致、类似期刊的字形质感
  • 所有产品代码(DS-01®,DM-02™)和成分/规格列表使用Seed Sans Mono,以强化临床-科学的语调

建议避免

  • 禁止使用阴影、框阴影或层叠效果——设计刻意保持平面;阴影会破坏无重量的美学
  • 禁止使用任何渐变——系统为纯粹的平面色彩区域,包括行动号召和首屏区域
  • 禁止使用600以上的字重用于标题——粗体或黑色字重会破坏轻盈、科学期刊式的语气
  • 禁止使用超出五种强调绿(#1c3a13、#d3fa99、#757c5d、#9f995b、#698e79)之外的饱和色——品牌系统中不包含蓝色、红色或紫色
  • 禁止使用纯白(#ffffff)——始终使用雪白(#fcfcf7);温暖的色调使配色显得有机,而非冷冰冰的临床感
  • 禁止在按钮或徽章上使用方形或4–8px的半径——胶囊形状(1000px)是主要交互元素的不可妥协标准
  • 禁止大面积使用青柠脉冲(#d3fa99)——它是一种强调色,而非表面色;仅限于徽章和小型强调元素