FOUNDATIONS

基础

设计系统的地基:264 项语义 token 按「颜色 / 字体 / 间距 / 布局 / 形状 / 动效」六个视角组织。每一页都是 design-tokens/tokens/semantic.json 的投影,附使用规则。

颜色 Color

语义颜色全集,明暗成对色板,别名自动解引用。

查看 →

字体 Typography

字体族与界面 / 正文 / 标题 / 营销四档文字阶梯。

查看 →

间距与边距 Spacing

4px 网格间距阶梯 + 组件 / 页面 / 外边距使用场景。

查看 →

布局与尺寸 Layout & Sizing

控件高度、图标宽高与容器宽度阶梯。

查看 →

圆角与边框 Radius & Border

圆角七档、边框宽度线型、阴影层级。

查看 →

动效与层级 Motion & Layering

时长缓动三档、z 层级、光标与焦点环。

查看 →
264TOKENS

语义 token(desktop 档)

100COMPONENTS

消费这些 token 的组件

14ICONS

审批图标字形