配色标准 #

名词解释 #

主题色 #

可用于填充图标，横幅，强调文字，作用与强调色近似

标准色 #

统一的色系，不建议根据个性色卡改变，并请依照描述使用

背景色 #

可用于填充提示横幅，卡片

个性色卡解决方案和示例 #

为了让产品更加具有品牌特色，或者让用户自定义外观，我们推出了「个性色卡」，一个简单的色彩体系，易于构建。

以互通设计自带的「茶花 Camellia」个性色卡为示例

这分为 4 个简单的部分：主题色、背景色、两个补充色。

补充色不常用，一般用于创建渐变色或者边框色，当使用背景色后，可以用于提升内容优先级或与背景色进行区分。

背景色就像它的名字一样，用于填充组件背景。

主题色可以用于填充图标，组件，横幅，强调文字，作用与强调色近似。

在黑暗模式下，这些颜色需要降低透明度后再次提取颜色，以此获取一种适合黑暗模式的颜色。

标准色 #

标准色是统一的色系，不建议根据个性色卡改变，并请依照描述使用。

请不要将这些颜色用作代替主题色卡，为保证这些颜色特有的作用，我们提高了对比度，所以不适合作为主题色使用。