Henry 网站预览
Henry 网站预览

Henry

近白色基底、满幅色块与衬线字形。

页面以近白色为基底,搭配深橙色文字。字体采用 Neue Montreal、Louize Display。视觉特点包括满幅色块、衬线字形、分屏构图、大字排版。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 任何定义章节的标题均使用Louize Display在77px及以上;低于该尺寸,编辑性风格将退化为普通网页字体;
  • 正文与UI字体均使用Neue Montreal,字号为12/16/20/24/32px,字间距为-0.01em——正文文本的字间距绝不可超过1.5行高;
  • 交替使用纸(#fafafa)与墨(#2a2722)区块作为全版带状区域;禁止在两者之间进行渐变融合,禁止放置跨越边界边界的卡片;
  • 所有卡片、按钮和标签的边距半径统一为12px——禁止使用方形角,禁止使用胶囊形(无9999px);
  • 所有展示型字体均以#2a2722在纸面或#fafafa在墨面呈现——禁止使用第三表面色,禁止使用阴影卡片,禁止使用 带淡色的 面板;
  • 仅用于最大章节标题(226–371px)的Manuka,且必须保持单一字重、单一形态、单一颜色——字体本身即完成工作;
  • 每页至少90%为纸或墨的空白区域;密集区域仅限于品牌标识条和底部行注;

建议避免

  • 绝不引入任何色彩点缀——系统为百分之百暖调单色,任何蓝色/红色/绿色均破坏广报风格身份;
  • 绝不使用填充色的CTA按钮——角色证据显示零行动背景;强调来自尺度与反差,而非填充;
  • 绝不应用盒阴影、投影阴影或发光效果——未检测到任何阴影,添加这些会将编辑式印刷感转化为普通SaaS卡片UI;
  • 绝不将正文内容置于Louize Display 116–132px——展示型衬线字体仅用于标题,长段落中低于32px将变得无法辨识;
  • 绝不使用除12px以外的边距半径;禁止使用尖锐0px,禁止使用胶囊形,禁止使用非对称圆角;
  • 绝不以灰色面板、中性表面或带色调的首屏渐变打破纸/墨二元结构——这些在令牌集中均不存在;
  • 绝不将正文内容在Neue Montreal中居中对齐;仅Louize Display/Louize编辑性区块使用居中对齐,且仅限于墨色区块内部