# Design System Brief

参考：设计系统规划可结合 [../docs/runbooks/frontend-governance.md](../docs/runbooks/frontend-governance.md)、[../rules/frontend-design-knowledge-base.md](../rules/frontend-design-knowledge-base.md) 与 [../docs/runbooks/frontend-engineer-daily-operations.md](../docs/runbooks/frontend-engineer-daily-operations.md)。

## 1. 背景

- 需求名称：
- 目标用户：
- 目标端：`Web` / `Mobile Web` / `Desktop` / `Multi-surface`
- 产品类型：

## 2. 视觉方向

- 目标气质：
- 参考关键词：
- 不采用的方向：

## 3. 设计 Token 策略

| Token 域 | 沿用 / 新增 / 调整 | 说明 |
|----------|--------------------|------|
| Color |  |  |
| Typography |  |  |
| Spacing |  |  |
| Radius |  |  |
| Shadow |  |  |
| Motion |  |  |

## 4. 关键界面对象

- 关键页面：
- 关键组件：
- 高风险交互：

## 5. 响应式与可访问性

- 响应式基线：
- 小屏降级策略：
- 无障碍红线：

## 6. 性能与交付约束

- 性能关注点：
- 监控与回滚提示：
- 需要同步给 QA / DevOps 的事项：

## 7. DESIGN.md 产出

> 在 `/team-intake` 锁定视觉方向后，在此记录 DESIGN.md 的参考品牌和定制要点。
> 进入 `/team-execute` 前，项目根目录必须存在 `DESIGN.md`。

- **参考品牌**（optional）：（如 `notion`、`linear.app`、`mintlify`、`stripe`）
- **获取命令**：`npx getdesign@latest add <brand>`（在项目根目录执行）
- **定制色盘要点**：
- **定制字体要点**：
- **需要覆盖的组件**：
- **产出文件**：[DESIGN.md](../DESIGN.md)（项目根目录）
- 参考：[DESIGN.md 模板](DESIGN.md) · [使用工作流](../docs/runbooks/design-md-workflow.md) · [字段映射](../skills/frontend-ui-ux-system/references/design-md-integration.md)