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