色彩
按品牌选择成套配色，用中性色建立阅读层级，用功能色表达状态。点击色卡即可复制准确色值。
品牌色
考虑到该品类涉及多种品牌配色，设计系统提供了几套品牌色预设，便于按需选用。每套预设包含四种颜色，从品牌主色到品牌背景色，统一归为「品牌色」，切换时配套使用。除品牌色外，中性色、功能色等建议共用同一套色彩规范，以保持整体视觉与交互体验的一致性。浅色用于背景承载时，应搭配深色文字；主色用于按钮时，应根据实际底色选择清晰可读的文字颜色。点击下方 Tab 查看完整品牌配色。
中性色
中性色主要用于文字、图标、边框、分割线及页面背景，通过不同深浅区分信息层级与界面结构。各品牌配色共用同一套中性色，不随品牌色切换而变化，确保不同主题下的内容清晰易读，界面层次保持一致。
功能色
功能色用于传达成功、警告、错误和提示等状态，帮助用户快速识别信息并作出判断。各品牌配色共用同一套功能色，不随品牌色切换而变化，确保同一状态在不同主题下具有一致的含义。使用时应搭配文字或图标，避免仅靠颜色区分状态。
灵活性 / 临时性配色
为兼顾视觉一致性与设计灵活性，页面配色应以既定色彩规范为主。特殊场景下，设计师可根据实际需求适度调整或补充配色，
但规范外配色的使用面积不应超过页面整体配色面积的 5%，且不得影响信息识别与功能色含义。
灵活性点缀色推荐
输入品牌色，探索协调与对比方向。点击色卡复制色号。
支持 3 位或 6 位 HEX 色号，可省略 #。
以下为配色参考。对比度以色卡色值与白色计算；实际文字需结合字号和背景检查。
≤5%灵活配色上限
规范内配色≥95%
灵活性 / 临时性配色≤5%
按需使用，无需用满 5%；图中强调色仅用于占比示意。
