Studio Emmerer 网站预览
Studio Emmerer 网站预览

Studio Emmerer

白色基底、紧密字距与摄影展示。

页面以白色为基底,搭配近黑色文字。字体采用 NHaasGrotesk。视觉特点包括紧密字距、摄影展示。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 页面每段文字都使用 NHaasGrotesk 400 字重,没有例外或字重变化。
  • 展示文字设为 30px、line-height 0.90、letter-spacing -0.33px;正文为 16px / 1.16 / -0.13px。
  • 唯一边框为 1px solid #000000,用于表格行分隔、链接下线和任何结构分隔。
  • 每个交互链接都以 → 箭头作前缀,其大小和颜色与链接文字相同。
  • #999999 仅用于表格列标题和辅助元信息,所有主要文字与链接保持 #000000。
  • 以留白定义层级,使用 12px 行内边距与 32px 分区间距,而非卡片或填充。
  • 摄影从边缘到边缘铺开,不加 border-radius、叠层或说明框。

建议避免

  • 不引入彩色;色板严格限于黑、白和 #999999。
  • font-weight 不超过 400;粗体或半粗体会打破体系单一字重的语气。
  • 不添加 box-shadow、drop-shadow 或任何 z-axis 抬升。
  • 不使用 border-radius,所有边角保持 0px。
  • 内容不包进填充卡片、面板或容器,行直接落在页面表面。
  • 除 → 箭头外不引入图标集,不使用 SVG、象形图或按钮形状。
  • 悬停时不改变链接颜色,始终保持 #000000 和相同下划线粗细,以维护印刷页感觉。