Typography tokens 对齐 Figma DS(WEB-562)
版本: 0.2.0 · 类型: 🐛 缺陷修复
Linear:WEB-846
问题
DES-67(2026-06-03)误将 design-site 文档表当作规范来源,token 更新方向与 Figma text styles 相反,导致全局 UI 字号/行高与 DS 不匹配。
改动文件
packages/design-tokens/src/source/Plaud Web 4.0 Design System-variables.css— token 源(:root+ Desktop)packages/design-tokens/src/source/figma-variables.json— 脚本再生packages/design-tokens/src/generated/css/variables-light.css— 运行时 light 值packages/design-tokens/src/generated/css/variables-dark.css— 运行时 dark 值packages/design-site/docs/text-style.mdx— EN Text Styles 页packages/design-site/i18n/zh-CN/.../text-style.mdx— zh-CN 镜像packages/design-site/docs/components/patterns/menu.mdx— EN Menu 页字号基线packages/design-site/docs/components/patterns/dropdown-menu.mdx— EN DropdownMenu 页字号基线packages/design-site/i18n/zh-CN/.../menu.mdx、dropdown-menu.mdx— zh-CN 镜像packages/design/src/components/Select/styles.ts— 下拉最大高度与 Body 行高对齐packages/design/src/components/Tooltip/styles.ts— 改用 Body tokenapps/web4/.../AllRecordingsHeading.tsx— Title-2 (22/28) 硬编码防静默回归apps/web4中 5 个文件 —--Font-Size-Body-Small改为 Footnote token
改动内容
Token 变更(Desktop / :root):
| Token | 旧值 | 新值 |
|---|---|---|
--Font-Size-Display | 36px | 32px |
--Font-Size-H1 | 28px | 24px |
--Font-Size-H2 | 22px | 20px |
--Font-Size-H3 | 20px | 18px |
--Font-Size-Body | 15px | 14px |
--Line-Height-H1 | 36px | 32px |
--Line-Height-H3 | 26px | 24px |
--Line-Height-Body | 22px | 20px |
未变:--Font-Size-Footnote(13px)、--Line-Height-Display(44px)、--Line-Height-H2(28px)、--Line-Height-Footnote(18px)。
删除(无消费方):--Font-Size-H4/H5/H6、--Line-Height-H4/H5/H6。
行为变化
超出 DES-67 回滚的额外对齐——以下行高变更属于 Figma 对齐,非 DES-67 单纯回滚:
- H1 行高:36px → 32px
- H3 行高:26px → 24px
- Body 行高:22px → 20px
备注
已知偏差(follow-up):
- web4 残留 15px 硬编码:
AutoSpeakerIntroModal.tsx、ContentRating.tsx、FailState.tsx - web3 fallback 值(如 H2 LH 30px)与新 token 不一致——仅 fallback,运行时无影响
- design-site 其他组件 mdx 与
*DesignSpec.md中散落的「14px/22px」描述需后续批量修正
设计核对请求:请设计端核对 Figma variables(Platform collection)与 text styles 行高一致性;实现期间 Figma variables API 返回 403,未能程序化交叉验证。