Eva Design System

Eva Design System 是一个面向产品设计师与前端开发者的在线配色平台。它基于深度学习算法，只需输入一个品牌主色，即可瞬间生成完整的语义化配色体系，包括主色、成功色、信息色、警告色与危险色五级变量，并提供浅色/深色双模式预览。网站由 Akveo 团队维护，与 Nebular、UI Kitten 等开源设计系统无缝衔接，导出的样式可直接用于 Web、iOS、Android 项目，帮助团队快速建立统一的品牌视觉规范。

1. 品牌色输入：在 Brand Color 面板输入十六进制色值或拖动取色器，即可设定唯一主色。
2. AI 衍生算法：系统自动计算并生成 4 组语义衍生色（Success、Info、Warning、Danger），每条色阶含 9 个明度梯度，共 45 色。
3. 锁定与刷新：点击颜色旁的锁图标可锁定任意层级，再次刷新仅调整未锁定颜色，便于精准微调。
4. 深浅模式：一键切换 Light / Dark 主题，实时查看配色在两种环境下的可读性与对比度。
5. 导出格式：支持 JPEG 预览图、JSON 变量表、CSS 自定义属性、Sass Map、Nebular/UIKitten 专用变量文件，复制即用。
6. 无障碍检测：内置 WCAG 对比度检测，给出 AA/AAA 提示，确保文本与背景的可访问性。
7. 实时预览：下方提供按钮、卡片、表单、图表等典型组件的实时渲染，直观感受配色落地效果。
8. 历史记录：自动保存最近 10 次配色方案，可随时回退或对比。

• 初创公司快速定义品牌视觉规范；
• 设计师为 App、Web、小程序建立 Design Token；
• 前端工程师一键生成 CSS 变量，减少手写色板；
• 产品经理向投资人展示多套主题 Demo；
• 设计系统团队同步更新深浅模式配色；
• 高校课堂讲授 AI 辅助设计流程的示范工具。

• 极简交互：仅需输入一色即可生成整套系统；
• AI 驱动：基于 10 万+设计案例训练，配色更科学；
• 双模式：一键查看深浅主题，无需额外调整；
• 无障碍：自动检测对比度，符合 WCAG 2.1；
• 开源友好：与 Nebular、UI Kitten 深度整合；
• 多端导出：JSON、CSS、SCSS、Sketch Palette 全覆盖；
• 实时预览：组件级示例，所见即所得；
• 完全免费，无需注册，打开即用。