Drepute 网站预览
Drepute 网站预览

Drepute

深色基底、大幅摄影展示与居中构图。

页面以深色为基底，搭配白色文字。字体采用 Source Sans Pro、Playfair Display。视觉特点包括大幅摄影展示、居中构图、单栏阅读排版、文字主导。适合参考的场景：摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 展示文字只使用 Playfair Display 400 字重，不超过 400，轻盈就是奢华。
  • 字标采用 Montserrat 700，letter-spacing 0.154em；这是品牌标志性特征，不缩减。
  • 所有深色表面画布保持 #161616，#ffffff 留给首屏折叠线以下的浅色分区。
  • 按钮、输入框与卡片等每个圆润元素都使用 4px 圆角，体系没有柔软边角。
  • 标题采用 56px+ Playfair Display，全部辅助文字搭配 14–16px Source Sans Pro。
  • 默认节奏为 24px 列间距与 24px 元素内边距，首屏式块的纵向分区内边距为 56px。
  • 青绿 #00a4a6 只作为一个链接边框出现，不作填充、按钮背景或大表面。

建议避免

  • 任何组件不添加阴影、渐变或发光，体系扁平且以摄影为主。
  • 不引入胶囊形、圆形或任何高于 4px 的圆角。
  • 按钮不采用彩色填充，全部操作为仅有边框的幽灵或描边式。
  • Playfair Display 不用于低于 44px，它是展示字体，而非正文字体。
  • 正文不直接放在首屏摄影上，须有 #161616 底层，对比度保持 AAA。
  • 不添加超过一种彩色强调，青绿是唯一强调，另一种颜色会破坏电影式克制。
  • 字标不使用粗体 600+，700 是上限，且仅适用于 Montserrat。

相似设计语言