工具卡片
用于目录项、指标、功能摘要和轻量预览。
令牌
颜色、间距、圆角和动效
令牌是视觉基础元素唯一允许的事实来源。新页面应使用它们，而不是重新定义它们。
背景
表面
强调色
圆角
6 / 10 / 16
仅使用 `sm`、`md`、`lg`。
间距
8-32
大多数 UI 都适合放在核心间距范围内。
动效
150-220ms
过渡应保持细微且快速。
字体排版
紧凑密度下可读的层级结构
页面 H1：主要页面标识
章节 H2：主要内容块
卡片组 H3：次级分组
卡片 H4：标准卡片标题
导语文本用于简短页面介绍和说明性短文案。
正文文本是帮助文本、工具说明和结果解释的默认层级。
说明文字用于元数据、计数器、字段注释和次级辅助信息。
卡片
标准化内容容器
列表卡片
用于结果行、相关工具、跳转列表或最近历史记录块。
控件
按钮、字段、胶囊标签和状态用语
模式
可复用页面组合
!
主要提示
提示块用于帮助文本、隐私信息或工具限制说明。
| 层级 | 使用场景 |
|---|---|
| 令牌 | 颜色、字体、间距、动效 |
| 基础 | 排版与布局基础元素 |
| 组件 | 按钮、卡片、表单控件 |