定位与差异
Eva Design System 是 Aurora UIKit 设计生态的官方配色工具,聚焦于将单一品牌色智能转化为完整语义化调色板。与手动配色不同,它基于设计系统的色彩语义模型,确保生成的颜色可适用于按钮、文本、背景、状态提示等典型界面场景,天然具备设计规范一致性。
核心能力
- 单色输入,语义输出:输入品牌主色后,系统自动生成浅色/深色主题下的完整调色板,涵盖主色、成功、警告、危险、信息等语义层级。
- 多格式导出:支持 CSS 变量、SCSS 变量、JSON、React Native 等格式一键复制,适配主流前端框架与设计工具。
- 实时预览:生成调色板后可在界面示例中查看实际应用效果,降低「选色后才发现不协调」的风险。
- 深浅主题切换:同一品牌色可快速生成浅色与深色两套主题,满足多模式产品需求。
适用与不适用
适合需要快速建立设计系统色彩规范、而非从零手动调配每个色值的 UI 设计师与前端开发者。若已有完整品牌手册且需精确控制每个色阶的细腻差异,或对无障碍对比度有极高要求的场景,可能需要在此基础上进行手动微调。
上手提示
直接访问官网首页的品牌色输入框,输入十六进制颜色值即可触发生成。导出时注意选择与你项目技术栈匹配的格式,例如使用 Tailwind CSS 可选 CSS 变量,React 项目可考虑 JSON 格式。生成结果可作为设计系统的起点,建议在具体组件中验证颜色层级是否符合对比度要求。