Linus Rogge 网站预览
Linus Rogge 网站预览

Linus Rogge

白色基底、大幅摄影展示与宽松留白。

页面以白色为基底。字体采用 ABC Oracle。视觉特点包括大幅摄影展示、宽松留白、网格布局、单栏阅读排版。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有文本无论重要性均使用恰好 14px 字号——通过字重(400 与 500)和空白空间来建立层级
  • 所有主要文本和表面均使用纯 #000000 和纯 #ffffff,系统严格限定为两种颜色
  • 所有组件(按钮、卡片、图片、输入框)的圆角半径设为 0px——均为锐利的矩形
  • 所有文本左对齐至左侧边缘,保持一致的左内边距;绝不居中对齐
  • 在满幅摄影的角落(左上和左下)放置项目元数据,而非叠加在图片上
  • 使用画廊灰(#e5e5e5)和台基灰(#d4d4d4)的分段条带来创建项目间的垂直节奏
  • 仅在标题、激活项和按钮文字中使用 500 字重——其余一律保持 400 字重

建议避免

  • 绝不引入第二种字号——整个系统运行在 14px 上
  • 绝不添加颜色、渐变或阴影——设计为平面且严格单色
  • 任何元素的圆角半径绝不大于 0px
  • 绝不居中对齐文本或使用对称布局——所有内容均向左锚定
  • 绝不将文字叠加在摄影上——标签位于图像外部的边距中
  • 绝不使用装饰性图标、项目符号或分隔线——空白空间是唯一的分隔方式
  • 绝不以 #0a0a0a 或 #171717 作为白底上的正文——这些仅用于暗色块的表面颜色