design
design/design-language/index.md
medium
design-language-index
设计语言索引 — 三层 token 模型与换肤、以及「为一个项目沉淀一套设计语言」的方法论。Use when 定项目设计系统 / 搭 token 体系 / 做主题换肤 / 评审设计语言一致性时。
子项索引
| 子项 | 一句话 |
|---|---|
| tokens-and-theming leaf | 三层 token 模型(primitive/semantic/component) + 组件只消费语义 token + 覆盖 5-8 个核心变量换肤 + light-dark 策略 |
| design-language leaf | 为一个项目定一套设计语言的方法论 — 5 级灰阶/品牌色 scale/状态色/排版/间距/组件态/动效曲线七件套 + 字体配对清单 |
Design Language · 设计语言
theme/ 给现成风格观感;这里给为自己项目沉淀一套可换肤、可复用设计系统的方法。
路由
| 你在做什么 | 进哪个 |
|---|---|
| 搭 CSS 变量 token 体系 / 做主题换肤 / 配 light-dark | tokens-and-theming |
| 从零定一套设计语言(灰阶/品牌色/排版/组件态/动效该怎么定) | design-language |
链接
- 上层:
../index.md - 配色比例与角色:
../foundations/color-usage.md - 风格落地:
../theme/index.md