Doug–Alves 网站预览
Doug–Alves 网站预览

Doug–Alves

白色基底、网格布局与紧密字距。

页面以白色为基底，搭配深灰色文字。字体采用 Inter、wtqc。视觉特点包括网格布局、紧密字距、细线分隔、满幅色块。适合参考的场景：设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 展示尺寸（72px+）使用 300 字重；巨大文字的轻字重就是身份，600+ 会破坏画廊墙面感。
  • 超过 48px 的文字采用 -0.033em 或更紧 letter-spacing，使展示字体像一个连续标记。
  • Espresso（#1d1610）铺满边缘的分区与 Paper/Bone 分区交替，不加渐变过渡，仅使用直接切换。
  • 行与分区之间的主要结构元素为 1px Graphite（#282828）线条。
  • 色板严格无彩色，没有品牌色、强调或悬停底色，作品内部的颜色是唯一彩色元素。
  • 正文为 18px、1.78 行高，宽松阅读节奏平衡紧凑展示文字。
  • 联系、经历和作品元信息等全部结构化信息采用 4 列网格，网格一致性是布局标志。

建议避免

  • 不添加品牌强调色；体系有意单色，蓝或红 CTA 会破坏编辑身份。
  • 按钮、卡片、分隔线和标签等界面元素的 border-radius 不超过 0px；唯一 20px 圆角仅用于图像容器，尖角是规则。
  • 展示文字字重不超过 400；300 轻声表达，加粗会把海报变成广告牌。
  • 不使用投影、发光或模糊，抬升由深浅对比和细线边框表达，而非阴影。
  • 不加装饰渐变；色板扁平，渐变会引入体系不支持的视觉语气。
  • 正文不低于 16px；18px 正文与巨大展示文字搭配，缩至 12-14px 会破坏层级节奏。
  • 正文、导航或分区标题不加图标；首屏刷新图标是体系唯一图标，其他结构均为文字。

相似设计语言