Handsome Frank
暖白色基底、衬线字形与紧密字距。
Flying Papers
蓝色基底、胶囊形控件与扁平表面。
页面以蓝色为基底，搭配近黑色文字。字体采用 ObviouslyVariable、DegularVariable。视觉特点包括胶囊形控件、扁平表面、网格布局、大字排版。适合参考的场景：音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- 首屏显示标题字号在184px至341px之间，使用ObviouslyVariable 800–900字重，行高0.80–0.85，字间距0.02em
- 使用高可见度黄色（#f4ed36）作为唯一描边操作按钮边框；搭配描边显示按钮模式，禁止使用填充按钮
- 每屏堆叠一个巨型标题、一个吉祥物插画和一个内联操作，其余部分留白呼吸
- 卡片圆角保持精确6px，按钮/标签圆角保持100px——锐利方块与柔和胶囊之间的对比是系统标志
- 将卡片放置在灰紫色舞台之上，内边距17px，无阴影；由扁平色彩填充完成视觉表达
- 每次仅使用一个强调色系（泡泡糖粉、抹茶奶油、洋红冲击、爆竹红）的卡片，禁止在同一行中并列出现
- 微文本使用Bergen Mono字体，字号12px，行高0.80——紧密的等宽堆叠带来像卡纸上票据的质感
建议避免
- 不要引入填充型CTA按钮——系统仅使用描边高可见度黄色操作和胶囊奶油按钮
- 不要使用ObviouslyVariable小于18px或大于341px——超出此范围将失去海报般的冲击力
- 不要添加阴影、发光效果或内阴影——所有表面均为平面涂装
- 不要在一个构图中组合超过两种强调色——礼花是散落的，不是礼花叠加礼花
- 不要用白色或奶油色页面背景软化灰紫色画布——暮色紫（#8584bd）是舞台，不是某个区域的点缀
- 不要将卡片圆角圆润超过6px——任何更柔和的处理都会让系统显得像SaaS产品，而非孔版印刷印刷风格
- 不要启用ObviouslyVariable的上下文替代字形——calt在所有场景均禁用，以保持宽阔几何字形不带装饰。
