color-system 是规划产品色阶与语义角色的 Skill。它把品牌色、中性色和成功、警告、错误等状态映射到文字、背景、边框与图标用途。
颜色名字之外,还要知道搭配:同一绿色用于正文、浅底或按钮,需要不同前景与背景组合。错误信息也应有文字或形状,不能只靠红色让人判断。
对比度要按实际元素与状态检查,文字大小、粗细和组件用途会影响要求。原文比例是简化参考,不能把所有控件一律套同一条阈值;深浅模式也要分别验证。适合从零建立产品颜色规则;本文未生成配色或测对比,规范写齐不代表界面已经符合无障碍要求。