# UI 设计规范 > 适用范围: 所有品牌设计输出 | 维护人: 苏锦绘(designer) ## 一、色彩系统 | 名称 | 色值 | 用途 | |------|------|------| | 主色 | #2563EB | 按钮/强调元素 | | 辅色 | #10B981 | 成功状态 | | 警告色 | #F59E0B | 提醒/警告 | | 错误色 | #EF4444 | 错误/危险操作 | | 页面背景 | #F9FAFB | 网站/app 背景 | | 卡片背景 | #FFFFFF | 内容卡片 | ## 二、字体规范 | 层级 | 字号 | 字重 | |------|------|------| | H1 | 32px | Bold(700) | | H2 | 24px | Semibold(600) | | 正文 | 16px | Regular(400) | | 辅助 | 14px | Regular(400) | ## 三、间距系统 xs=4px | sm=8px | md=16px | lg=24px | xl=32px ## 四、组件规范 - 按钮: 品牌主色填充, 圆角 8px - 输入框: 高度 40px, 圆角 8px - 卡片: 圆角 12px, 内间距 24px > 品牌视觉变更需 COO 审批。