Piet Oudolf 网站预览
Piet Oudolf 网站预览

Piet Oudolf

白色基底、细线分隔与单栏阅读排版。

页面以白色为基底,搭配近黑色文字。字体采用 Maison Neue Book、UniversLTStd-Light。视觉特点包括细线分隔、单栏阅读排版、摄影展示。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有项目与区块标题统一设置为恰好60px,Maison Neue Book字重300——永不加粗,永不高于300
  • 使用12px UniversLTStd-Light用于所有元数据、国家代码及侧边标签,行高为1.6
  • 使用15px UniversLTStd-Light用于正文与导航,行高为1.87,以营造编辑上的轻盈感
  • 每个链接均以1px #808080下划线呈现,距基线偏移3px——无填充、无边框盒、无背景色
  • 每个项目链接相对于国家代码列精确内缩22px,使标签与标题形成草本配对关系
  • 让页面呼吸:在首屏区域使用60px水平内边距,在导航栏使用40px垂直内边距
  • 保持页面色彩度为0%——仅限灰阶,无强调色,无品牌色,无填充按钮

建议避免

  • 绝不引入任何品牌色、强调色或填充——单色调是其核心身份
  • 项目标题绝不低于48px或高于64px——60px的标题尺寸是系统的固定基准
  • 绝不为卡片、按钮或容器添加阴影、渐变、发光或任何Z轴深度效果
  • 绝不使用圆角——所有圆角半径均为0px;系统刻意保持矩形,如同印刷页面
  • 绝不加粗正文或标题字体——300字重是展示类字体的上限,400字重适用于所有其他情况
  • 链接与同级元素之间间距绝不超过6px,文字与下划线之间间距绝不超过3px
  • 绝不使用填充按钮、胶囊形控件或标签——交互仅通过字体下划线表达