设计手册

六个域 · 同一套数据源 · 另一视图

图鉴讲「长什么样」,
这里讲「怎么定」。

同一份 4319 行设计知识库的另一视图:配色、字体、图表、落地页、规范、配方,六个域互相引用。

配色方案
192
字体配对
74
产品配方
192
图表选型
25
落地页模式
34
交互规范
195
另一视图 · 风格图鉴 看长什么样:88 种风格,全部真实渲染 去看看

六个域

字段说明
01 语义配色库192 16 个语义令牌,直接渲染成按钮、输入框、卡片与焦点环 02 字体配对74 91 个字族已本地化,标题与正文成对展示真实排印 03 图表选型25 按数据类型反查该用什么图、什么量级换 Canvas 04 落地页模式34 把分区顺序画成线框,标出 CTA 位置与配色策略 05 交互与工程规范195 UX / React / Web 三表合并,正确与错误代码左右对照 06 产品配方192 选一个类型,给出风格、配色、字体、落地页与决策规则

两条路径

已知产品

用配方生成器:选类型 → 拿配方 → 复制令牌。

只缺一块

去配色库、字体配对或图表选型,各域可单独使用。

三表同名同序764 处风格引用全部可解析落地页 97% 可映射溯源