Live preview
把品牌色、图片色板或临时灵感快速落到真实界面角色里。
切换方案、上传图片、加入自定义颜色,然后逐项观察标题、卡片、表格、状态和侧边栏是否协调。
Brand token
Image palette
Contrast check
Manual
Export
Ready
主色候选
14
界面角色
13
需复核
03
可导出
CSS
处理流程
1
建立色板
手动加入颜色,或从图片里提取高频色。
2
分配角色
把颜色映射到背景、标题、边框、强调和警示。
3
复制配置
导出 CSS 变量或角色清单,交给项目继续落地。
示例队列
项目
来源
状态
动作
后台侧栏
Brand
待复核
查看
数据卡片
Image
已生成
查看
风险提示
Manual
需跟进
查看
导出变量
CSS
正常
复制