Handsome Frank
暖白色基底、衬线字形与紧密字距。
Good Glyphs
浅绿色基底、紧密字距与胶囊形控件。
页面以浅绿色为基底。字体采用 Helvetica Neue。视觉特点包括紧密字距、胶囊形控件、网格布局、大字排版。适合参考的场景：设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 主显示尺寸设为 288px / 字重 300 / 行高 0.80 / 字间距 -8.64px——尺寸即为身份
- 使用 1px 黑色边框搭配 14px 圆角用于卡片，所有交互控件使用 140px（完整胶囊形）
- 交替使用全开的 #c7ffcd 与 #000000 条带以产生海报条带节奏
- 将所有正文与标签文字保持在 13–14px Helvetica Neue 字重 400，字间距 -0.0300em
- 以 4px 作为基础间距单位；间距应落在 4、7、14 或 28px
- 在黑色条带上渲染所有字形艺术，使用 Pledge Mint 风格——这是唯一允许的色彩对色彩场景
- 在主要条带之间保留 84px 的区块间距——足够空间让每张海报独立可读
建议避免
- 绝不引入第二类色彩——不使用语义性的红、绿、蓝或灰
- 绝不使用字重 700 用于展示——系统坚持在极端尺寸下使用轻量级标题
- 绝不添加阴影、渐变或模糊——平面性是合同
- 绝不破坏按钮的胶囊几何形态——不使用圆角矩形，不使用锐角，不使用 8px 圆角
- 绝不将定制 good-glyphs 字体用于 UI 文字——仅用于产品展示
- 绝不将画布设为白色或米白色——Pledge Mint 是唯一可接受的亮色表面
- 绝不添加色彩焦点或悬停色——状态变化仅通过填充反转（青绿→黑色，黑色→青绿）实现
