Henry 网站预览
Henry 网站预览

Henry

近黑色基底、磨砂表面与大字排版。

页面以近黑色为基底。字体采用 NB International Pro、NB International Pro Mono。视觉特点包括磨砂表面、大字排版、细线分隔、扁平表面。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • 所有标题均使用 NB International Pro 300 字重——低语轻盈风格是标志性特征;400 字重可接受用于正文,绝不可使用 600 以上字重用于展示字号
  • 所有按钮、操作芯片及交互胶囊形控件均需设置 100px 的圆角半径——此胶囊形状不可更改
  • 仅将 #ffffff(白垩)用于填充型 CTA 按钮和产品原型卡片;其他所有场景均使用 #d4d0c9(骨灰)作为文字颜色
  • 技能卡片和内容表面使用 10px 圆角,图标和图片缩略图使用 6px 圆角
  • 正文文字(16px 及以下)保持 -0.02em 字间距,字号在 64px 以上时收紧至 -0.037em
  • 首屏区块标题居中对齐,通过 宽松 80px 的区块间距在内容块之间形成垂直呼吸空间
  • 所有文字与边框工作均以暖灰 #d4d0c9 系列承载——严禁引入冷色蓝灰

建议避免

  • 任何标题均不可使用 600 以上字重——系统基调为 300-400 范围;粗体会破坏编辑语境
  • 绝不添加超过低语柔感 1px 的阴影——禁止卡片悬停抬升,禁止使用戏剧性深度
  • 除统计数据卡片外,绝不使用彩色强调色(绿色、蓝色、橙色、紫色)——这些色彩被严格控制,非装饰性用途
  • 除三层堆叠色系(#000000 → #0c0c0c → #141414)外,禁止引入其他表面颜色
  • 禁止为卡片或区块使用实色背景——整个系统在近黑色背景下保持完全扁平化
  • 禁止打破胶囊形规范,使用尖角或 4px 圆角按钮——所有交互元素必须使用 100px 圆角
  • 禁止将无衬线系统字体作为主要字体——NB International Pro 的人文风格温暖感是品牌核心