方法与溯源
这些数据从哪来
本手册不生产设计建议，只把插件内置的设计知识库重新组织成可查、可比的形状。所有判断都来自数据原字段，站点的加工只做三件事：解析、映射、渲染。
数据规模
- 总行数
- 4,319
- 域
- 11 + 22 栈
- 本手册用到
- 712
- 字体文件
- 1062.89MB
溯源
- 上游仓库
- https://github.com/nextlevelbuilder/ui-ux-pro-max-skill
- 上游提交
56ea9cf174ed86786187daa9de0e6247cb0747e4（2026-10-15）- 数据路径
cli/assets/data/- 同步时间
2026-10-18T03:59:34.490Z- 血缘核验
- 2026-10-18
加工了什么
配色
把 16 个语义令牌直接注入 CSS 变量渲染成界面小样；额外计算 7 组核心对比度（WCAG 相对亮度公式），并对 rgba(255,255,255,0.08) 这类半透明描边原样保留。
字体
从 Google Fonts 下载 91 个字族的 latin 子集，本地 @font-face 引用，所以样张是真实渲染。中文说明文字仍走系统字体栈。
落地页
把 Section Order 按 > 拆成区块序列，按关键词判定区块类型（hero / feature / cta / footer…），据此决定线框高度与配色。
配方
三张表按产品类型同名同序对齐；风格名经 Style Category / Aliases / Style ID 三级索引解析成图鉴链接。
字体推荐
这是启发式的：把 Typography_Mood 拆词后经人工同义表映射到字体标签，再按命中数打分。它给的是参考方向，不是官方结论。
落地页映射
这也有一层人工映射：产品表用的是概念描述（如「Storytelling-Driven」），落地页表用的是模式名（如「Scroll-Triggered Storytelling」），中间靠一张概念表连接。
已知缺口
5 个产品类型没有落地页对应
其中 2 个原文就写着 N/A（仪表盘类产品没有独立落地页），其余是产品内界面（信息流、席位图、监控面板），34 种落地页模式里确实没有同类结构。页面按原文展示，不硬凑。
对比度只校验了 7 组核心配对
192/192 套全部达标，但这不代表任意前景背景组合都安全。要验证自定义组合，请用真实工具。
字体样张是英文
本地化的 91 个字体都只有 latin 子集，渲染中文会回退到系统字体。这不是缺陷，是「字体配对」本身讨论的是拉丁排印。
许可
数据来自 ui-ux-pro-max-skill（上游许可见其仓库）。字体文件来自 Google Fonts，按各自的 OFL / Apache 许可使用，仅取 latin 子集。本站由 tools/atlas/build.mjs 独立静态生成到 handbook/，不依赖其它站点，无运行时依赖。