Handsome Frank
暖白色基底、衬线字形与紧密字距。
Affinity
近黑色基底、衬线字形与居中构图。
页面以近黑色为基底，搭配紫色文字。字体采用 Times (system)、Affinity Serif Variable。视觉特点包括衬线字形、居中构图、摄影展示。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 仅在屏幕上一个主要操作上使用电光绿 #a7f175，绝不用于装饰、标签或次要按钮
- 让 Affinity Serif Variable 的标题达到 80–112px，行高为 0.96–1.10，使字脚挤入下一行
- 每个展示标题均搭配 Canva Sans 400 正文内容，字号 14–16px——衬线与无衬线的张力是品牌声音
- 为每幅漂浮的艺术作品图像添加方向性阴影：rgba(0,0,0,0.32) -20px 34px 64px 0——正是这个阴影使其看起来像是被固定在黑暗墙面上
- 按钮和卡片使用 8px 圆角，导航和链接使用 4px，标签使用 9999px——禁止混用不同层级
- 所有首屏和区块背景均使用 #000000 或 #211d1d 画布色——页面中绝不引入任何浅色表面
- 展示标题设为 400 字重，而非 700——轻盈的字重是编辑权威的体现
建议避免
- 每个视口内仅允许一个元素使用电光绿——重复使用会使其失去意义
- 禁止将漂浮作品的阴影应用于 UI 卡片或按钮——该阴影仅限于展示图像
- 禁止在正文字号（14–16px）下使用 Affinity Serif——它属于展示字体，而非正文字体
- 禁止在黑色画布上的卡片使用彩色背景——应改用 1px #373434 边框
- 禁止将渐变用作装饰填充——唯一的渐变是强调时刻的绿到青色径向渐变
- 禁止让 CTA 按钮圆角偏离 8px——胶囊形 CTA 会破坏几何一致性
- 禁止将导航居中或推移标识远离左侧边缘——这种不对称是刻意设计
