场景配色
从九套亚洲传统色里挑出各场景的起点,并给出可以衔接的官方设计系统色板。
01
品牌主色
饱和度与明度均衡,在白底和深底上都站得住的颜色。
可用 Material 与 Tailwind 的色阶展开完整品牌梯度。
推荐颜色
02
后台与界面
适合面、描边、弱化状态的低饱和浅色。
对应 Radix 与 Primer 的中性色阶。
推荐颜色
03
电商与促销
适合标签、促销横幅、行动按钮的高能量暖色。
用作文字前先查对比度;Bootstrap / Ant Design 有更安全的变体。
推荐颜色
04
东方美学海报
来自四季与五行、带原生名称和文化语境的颜色。
辅助浅色可搭配 Open Color。
推荐颜色
05
深色模式
作为背景时不会压掉邻近文字的深色。
前景色建议搭配 Radix 深色阶与 Chakra。