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

Aaron Poe & Co

白色基底、紧密字距与细线分隔。

页面以白色为基底,搭配深灰色文字。字体采用 Geist、wtqc (custom display)。视觉特点包括紧密字距、细线分隔。适合参考的场景:创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • #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)仅用于反色分区。