CHRISTOPHER IRELAND CREATIVE 网站预览
CHRISTOPHER IRELAND CREATIVE 网站预览

CHRISTOPHER IRELAND CREATIVE

晨光中的骨白画廊墙面，一本编辑式专著。

这位摄影师的作品集像一页安静的编辑跨页：暖骨色画布上，只有一组字体搭配，当代衬线字体用于展示，几何无衬线字体用于实用信息，不设任何彩色强调。视觉系统完全让位于摄影；文字只是类别标签构成的纤细脚手架，加上少数像杂志摘引一样的超大衬线标题。感觉更接近印刷专著，而不是网站：大块呼吸空间、不对称的左右分栏，文字在左、图像在右，并且所有文字均为字重 400。衬线字体从不加厚，无衬线字体也从不压窄，因此层级来自字号和字间距，而非强调。

查看原始网站

使用规范

建议采用

  • 每个展示标题都使用 Playfair Display 400，字号为 63px 或 94px，绝不加粗。
  • 画布设为 #f2f1ec，让摄影从边缘到边缘直接与画布相接，不使用卡片、边框或阴影。
  • 维持三级文字色阶：标题使用 #333332，主要标签和线条使用 #000000，正文使用 #5d5b5b。
  • 1px 的 #000000 细线是唯一分隔方式。绝不用阴影、填充或渐变淡出来区分区块。
  • 所有交互元素都只采用文字，或 Rubik 400 的单个“+”字符，不使用按钮、背景或圆润形状。
  • 图像和卡片圆角设为 0px。骨色画布与照片应共享一道硬直边缘。
  • 区块分隔线的上方和下方都设置 48px 垂直内边距，形成印刷页面的呼吸节奏。

建议避免

  • 不要引入任何颜色。配色刻意保持无彩色，加入色相会破坏专著般的感觉。
  • Playfair Display 标题不要加粗；字重 400 的展示文字本身就是标志。
  • 不要将摄影包在卡片、框架或阴影中。让它直接放在骨色画布上。
  • 任何元素都不要添加圆角。系统中的每个角都是锐利直角。
  • 不要使用“+”字符以外的图标。系统只通过文字与图像传达信息。
  • 不要使用渐变、模糊或玻璃拟态。这些会与印刷页面的比喻相冲突。
  • 正文不要大于 16px。16px 正文与 63–94px 展示文字之间的对比，才是编辑层级的来源。

相似设计语言