Getharvest 网站预览
Getharvest 网站预览

Getharvest

暖白色基底、渐变展示与衬线字形。

页面以暖白色为基底,搭配近黑色文字。局部操作控件以橙色强调。字体采用 MuotoWeb、Monarch。视觉特点包括渐变展示、衬线字形。适合参考的场景:工作流工具首页、产品功能说明页。

查看原始网站

使用规范

建议采用

  • #fa5d00 专用于主要操作、激活状态和品牌展示场景,绝不用正文或会压过奶油画布的大装饰区域。
  • 所有页面背景设为奶油 #fff8f1,而非 #ffffff,暖意是系统身份。
  • Monarch 衬线只留给首屏级 72px 展示标题,所有 50px 及以下标题用 MuotoWeb。
  • 所有按钮和输入框圆角 16px,所有卡片 20px,这两个值是系统触觉标志。
  • 所有 MuotoWeb 文字用 0.015em 正字间距,宽字间距将几何无衬线柔化得更友好。
  • 阴影保持暖调,卡片 rgba(250,166,0,0.25),按钮 rgba(0,0,0,0.2),绝不用与奶油基底冲突的冷蓝或中性灰阴影。
  • 信任与合作伙伴标志使用灰度 #1d1e1c,让橙强调保持唯一彩色焦点。

建议避免

  • 页面背景不要用 #ffffff,奶油 #fff8f1 画布本身就是品牌。
  • 不要引入第二强调色,系统纪律是暖中性色上的唯一橙。
  • Monarch 衬线不要用于正文、副标题或任何低于 48px 的文字,会稀释首屏冲击。
  • 卡片或按钮不要用 0-4px 利落转角,16-20px 柔软是暖触觉感的关键。
  • 不要用冷蓝调阴影或边框,系统一切带暖底调。
  • 大背景填充不要用饱和色,橙应小、集中、功能性。
  • 文字不要用纯 #000000,暖近黑 #1d1e1c 保留系统暖意。