Specht Studio 网站预览
Specht Studio 网站预览

Specht Studio

白色基底、网格布局与细线分隔。

页面以白色为基底，搭配近黑色文字。字体采用 Helvetica Neue。视觉特点包括网格布局、细线分隔、手绘图形、摄影展示。适合参考的场景：设计产品官网、作品展示页。

查看原始网站

使用规范

建议采用

  • 只使用 Helvetica Neue 的 400 字重；不使用粗体、细体，除品牌副标题外不使用斜体。字体统一性就是体系。
  • 正文为 15-16px，标题最多 25px；超过 25px 会破坏图像主导的画廊墙面尺度。
  • 默认表面采用白色画布；Gallery Black（#000000）是唯一结构墨色，Graphite（#666666）承担辅助文字和链接边框。
  • 项目图块紧邻排布，间距为 2-10px；紧凑瀑布流网格是主要组织手段，宽栏间距会消解视觉密度。
  • 每页都当作目录：文字注释并索引作品，不与图像争夺注意力。
  • 所有边框采用 Gallery Black 的细线（1-2px）；边框取代阴影、填充与圆角，构成结构语言。
  • 需要分区标签时，直接在白色平面上使用 25px 黑字，不使用彩色标签块、胶囊形或徽章。

建议避免

  • 不要引入品牌色；任何彩色强调都会使体系从“画廊墙面”转向“产品页面”，破坏策展中立性。
  • 图块、按钮或容器不加圆角；体系采用直角几何，所有位置都为尖锐的 0px 圆角。
  • 不使用阴影、模糊或抬升；深度来自图像内容和网格密度，而非 CSS box-shadow。
  • 不使用多个字体或字重；第二个字重或家族会立即引入体系刻意压制的层级。
  • 不添加 CTA 按钮；体系中没有主要操作，需要链接时使用带 Graphite 下划线的文字链接。
  • 页面内容不要居中；网格左对齐并略偏离中心，形成编辑出版物的感觉。
  • 不使用渐变、填充或带色背景；每个表面都为纯白或纯黑，不使用中间色阶。

相似设计语言