design-system-checklist

# 设计系统检查清单 在创建或审计设计系统时使用此综合检查清单。 --- ## 基础 ### 设计原则 - [ ] **原则已定义**：核心设计原则已记录（一致性、无障碍、简洁性等） - [ ] **价值观已阐明**：团队价值观反映在设计决策中 - [ ] **设计语言已记录**：视觉设计语言已说明（语气、个性） ### 设计令牌 #### 颜色令牌 - [ ] **原始颜色已定义**：基础调色板（每个色相 50-950 等级） - [ ] **语义颜色已映射**：品牌、文本、背景、边框、反馈颜色 - [ ] **颜色对比度已验证**：所有文本符合 WCAG 2.1 Level AA（普通文本 4.5:1，大文本 3:1） - [ ] **深色模式颜色**：已定义深色主题变体（如适用） - [ ] **令牌命名**：一致的语义化命名（text-primary vs gray-900） #### 排版令牌 - [ ] **字体族已选择**：主要（无衬线）、次要（衬线）、等宽字体 - [ ] **字号刻度已建立**：从 xs (12px) 到 5xl (48px) - [ ] **字重已定义**：至少 3 种字重（常规、中等、粗体） - [ ] **行高已设置**：紧凑（标题）、常规（正文）、宽松（段落） - [ ] **字间距**：为大写和大型标题定义 #### 间距令牌 - [ ] **间距刻度已创建**：一致的刻度（4px 或 8px 为基准） - [ ] **间距值**：0, 1, 2, 3, 4, 5, 6, 8, 10, 12, 16, 20, 24 - [ ] **组件间距**：组件的特定间距（按钮内边距、卡片间隙） #### 其他令牌 - [ ] **圆角**：none, sm, base, md, lg, xl, 2xl, full - [ ] **阴影**：xs, sm, base, md, lg, xl - [ ] **过渡**：持续时间和缓动函数 - [ ] **Z-Index 刻度**：已定义的层级系统 --- ## 组件 ### 原子组件 (Atoms) #### 按钮 - [ ] **变体**：主要、次要、轮廓、幽灵 - [ ] **尺寸**：sm, md, lg - [ ] **状态**：默认、悬停、激活、焦点、禁用、加载 - [ ] **图标**：支持左/右图标 - [ ] **全宽**：全宽按钮选项 - [ ] **无障碍**：键盘可访问，ARIA 属性 #### 输入框 - [ ] **类型**：文本、邮箱、密码、数字、搜索 - [ ] **尺寸**：sm, md, lg - [ ] **状态**：默认、焦点、错误、禁用 - [ ] **图标**：支持左/右图标 - [ ] **辅助文本**：支持提示和错误消息 - [ ] **无障碍**：标签、ARIA 描述 #### 复选框 & 单选框 - [ ] **尺寸**：sm, md, lg - [ ] **S