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

Doug–Alves

暖炭灰上的超大文字巨石。

Doug Alves 的作品集把每个视口当作画廊墙面：深色首屏由一件巨大文字艺术主导，随后降至紧凑编辑信息网格。色板严格无彩色，仅有暖浓咖啡黑、骨白与石墨，无处出现彩色强调，视觉能量全部来自字体尺度和对比。标题达到 197px、300 字重并采用明显负字间距，正文维持 16-18px，形成 10:1 尺寸比，让整个网站像一张超大海报，周围环绕精细规格文字。布局铺满边缘，分区在暖深色与白色之间切换，信息总是排列在由石墨细线分隔的清晰多列网格中。

查看原始网站

使用规范

建议采用

  • 展示尺寸（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 会破坏层级节奏。
  • 正文、导航或分区标题不加图标；首屏刷新图标是体系唯一图标，其他结构均为文字。

相似设计语言