Grafik 网站预览
Grafik 网站预览

Grafik

近白色基底、大幅摄影展示与网格布局。

页面以近白色为基底,搭配近黑色文字。字体采用 Grotesk。视觉特点包括大幅摄影展示、网格布局、紧密字距。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 只用 Grotesk 字重 400,绝不引入粗、半粗或轻变体,单字重纪律是标志。
  • 页面画布背景 #f0eeeb,卡片或图片插入层 #ffffff。暖骨色不可妥协,纯白画布会破坏纸张比喻。
  • 所有作品集元素以 1px solid #000000 细线分隔,用边框建立网格,绝不用内边距间隙或 box-shadow。
  • 每个元素圆角设为 0px,图片、卡片、按钮或容器无圆角,设计如建筑般利落。
  • 字号只有三种:正文与元数据 20px,标题 38px 与 40px。稀疏尺度迫使层级依靠内容,而非排版多样性。
  • 应用负字间距:38px 时 -0.02em,40px 时 -0.01em,20px 时 -0.005em,让 Grotesk 像编辑印刷,而非屏幕文字。
  • 界面保持完全单色,任何颜色都应在作品集内容内,如摄影、项目物料,绝不在界面外框中。

建议避免

  • 不要引入第二种字体,Grotesk 承载完整系统,添加衬线或展示字体会打散编辑凝聚力。
  • 不要添加 box-shadow 或任何浮起,设计使用表面对比与细边框,而非深度。
  • 任何元素不要圆角,每条边都利落,包括卡片、图片、按钮、标签。
  • 界面不要使用鲜亮或饱和色,截图的绿与棕是项目内容,而非系统 Token。
  • 页面背景不要用纯 #ffffff,暖 #f0eeeb 画布是纸感基础,白画布显临床,会破坏设计年鉴比喻。
  • 不要添加装饰渐变、图案或背景纹理,设计平面、单色、忠实印刷。
  • 不要用粗或半粗字重,整个系统只有 Grotesk 400,添加字重会破坏精确克制的声音。