Handsome Frank
暖白色基底、衬线字形与紧密字距。
LottieFiles
近白色基底、紧密字距与居中构图。
页面以近白色为基底，搭配近黑色文字。局部操作控件以青绿色强调。字体采用 DM Sans、Inter。视觉特点包括紧密字距、居中构图、网格布局、大字排版。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有主要操作按钮（开始、注册、探索、查看全部）使用 #019d91 填充 + #ffffff 文字。
- 按钮和输入框使用 8px 圆角，标准卡片使用 16px，特性/首屏面板使用 24px，超大深色首屏面板使用 48px。
- 标题字号 32px 及以上必须使用 DM Sans 500 字重，并匹配相应的负字间距：32px 时为 -0.0300em，48–64px 时为 -0.0400em，96px 时为 -0.0500em。
- 正文、导航、按钮及小 UI 文字均使用 Inter，绝不将 DM Sans 用于 24px 以下的实用性文本。
- 页面背景设为 #f4f4f5，并在上方放置带有 24px 或 32px 内边距的抬升白色卡片（#ffffff）。
- 仅使用 1px 实线 #e4e4e7 或 #f2f2f3 作为边框处理——标准 UI 上绝不使用超过 1px 的边框。
- 将彩色插图和动画缩略图放置在暖灰色画布上，不加卡片边框——让艺术本身成为视觉主体，而非被包裹的容器。
建议避免
- 绝不使用 #000000 纯黑色作为卡片或表面填充——应使用 #09090b 或 #18181b 以营造墨色质感，避免表面显得生硬。
- 绝不将标题使用 700 或 800 字重——系统在 96px 大字号时也始终使用 500 字重。
- 绝不给卡片添加阴影——高度感由背景对比和圆角构建，而非阴影。
- 绝不将 #019d91 与粗体渐变、玻璃态、霓虹光效结合——青色必须呈现为平实、自信的填充。
- 永不使用 #ff6900 (余烬) 用于装饰或品牌标识 — 它专用于警告/注意状态。
- 绝不使用小于 14px 的正文——说明文字在 12px，标签在 10px，且所有小于 16px 的非正文尺寸必须使用 500 字重。
- 绝不破坏间距节奏：组件内间距为 4–8px，组件内部内边距为 16–24px，组件间间距为 80px。
