Live preview

把品牌色、图片色板或临时灵感快速落到真实界面角色里。

切换方案、上传图片、加入自定义颜色,然后逐项观察标题、卡片、表格、状态和侧边栏是否协调。

Brand token
Image palette
Contrast checkManual
ExportReady
主色候选14
界面角色13
需复核03
可导出CSS

处理流程

1
建立色板手动加入颜色,或从图片里提取高频色。
2
分配角色把颜色映射到背景、标题、边框、强调和警示。
3
复制配置导出 CSS 变量或角色清单,交给项目继续落地。

示例队列

项目来源状态动作
后台侧栏Brand待复核查看
数据卡片Image已生成查看
风险提示Manual需跟进查看
导出变量CSS正常复制