Helloivy 网站预览
Helloivy 网站预览

Helloivy

暖白色基底、细线分隔与扁平表面。

页面以暖白色为基底,搭配近黑色文字。字体采用 Unbounded、Inter。视觉特点包括细线分隔、扁平表面、文字主导、宽松留白。适合参考的场景:工作流工具首页、产品功能说明页。

查看原始网站

使用规范

建议采用

  • 每个页面背景都设为#faf6f0;温暖奶油色是系统标志性特征,纯白页面会破坏编辑式身份。
  • 34px及以上展示字号采用Unbounded,其余全部采用Inter;绝不要替换为其他展示字体家族。
  • 所有Inter文字无论字号都应用-0.02em letter-spacing;紧密字间距使正文具有编辑感,而非纯实用感。
  • 主要填充按钮保持9999px完整胶囊圆角、#000000填充和白色文字,不设例外。
  • 所有次级文字采用#5e697f;#000000严格只留给标题、主要操作和标志。
  • 分区通过80px+的宽松纵向呼吸空间分隔,而非分隔线或背景色变化。
  • 产品UI模型图放在#ffffff面板上,圆角8px,在奶油画布上形成纸上叠纸的层次。

建议避免

  • 不要引入品牌色;完整调色板是黑、奶油色和石板灰,添加蓝、紫或绿会破坏双色编辑式系统。
  • 卡片、按钮或分区不要采用投影;平面感是刻意的,抬升只来自颜色对比。
  • 超过34px的展示标题不要使用Inter;Unbounded的几何个性赋予品牌辨识度。
  • 正文行高不要收紧至1.50以下;宽松行距是编辑式阅读节奏的一部分。
  • 正文段落不要采用#000000;必须使用#5e697f或#555555,以保留纸上墨迹的层级。
  • 分区卡片不要采用16px+大圆角,保持8px或以下;唯一完整圆润元素是操作按钮。
  • 背景、按钮或文字不要添加渐变;系统严格平面,渐变会破坏印刷品的比喻。