Aaron Poe & Co 网站预览
Aaron Poe & Co 网站预览

Aaron Poe & Co

安静的白色画廊：珊瑚粉的低语漂浮在经过斟酌的大片宁静中，仅由胶囊形导航和紧凑字间距文字定义边界。

Aaron Poe & Co 像策展人的白色房间：创意总监作品集把界面精简为文字、留白与单一强调色。画布纯白，字体栈将紧凑负字间距的 Geist 与正文系统字体搭配；暖珊瑚粉（#ea587d）仅出现在标题文字和细线边框中，不用作填充按钮。组件像画廊说明牌：悬浮胶囊形导航、居中简介块，以及替代投影的细微 1px 内嵌边框。节奏具有编辑感：巨大负空间被紧凑、自信的文字及轻微彩色打断。

查看原始网站

使用规范

建议采用

  • #ea587d 仅用于标题文字、细线边框和激活导航圆点，不用于填充按钮或背景。
  • 所有标题采用 Geist 或 wtqc，根据尺寸使用 -0.033em 至 -0.056em 的负 letter-spacing，形成紧凑编辑感。
  • 胶囊形导航使用 24px border-radius，所有卡片和按钮使用 4px。
  • 居中文字块默认采用 max-width 720px，让留白承担布局组织。
  • 卡片和分区用 #cccccc 或 #e5e5e5 的 1px solid 边框分隔，不使用投影。
  • 悬浮元素，如胶囊形导航，使用 #f2f2f2 表面底色。
  • 正文采用 16–18px、#282828，line-height 为 1.38–1.5，便于舒适阅读。

建议避免

  • 卡片、按钮或导航不要添加投影；体系有意保持扁平。
  • #ea587d 不用于按钮背景填充；强调色只出现在标题和边框上。
  • 卡片不使用大圆角，保持 4px；只有胶囊形导航使用 24px。
  • 不要引入新的彩色；体系刻意为单色加一种粉色强调。
  • 不要使用正 letter-spacing；所有文字采用紧凑负值，显得压缩而自信。
  • 不要用图像或插画填满页面；让文字和留白承载构图。
  • 不要默认采用深色模式；白色画布是标志性特征，深色（#121212）仅用于反色分区。

相似设计语言