标准色
主色 Primary
HEX #393939
rgb(57, 57, 57)
Apron Design 大量使用黑白纯色作为颜色选择。
虽然很多设计中把最常用的蓝色作为主色使用。但我们在深度调研、思考以后,觉得 toC 产品和 toB 产品有着很大的区别,隐私我们在颜色选择上更加大胆,选择了深灰色作为主色。这样既有个性不从众,又充分考虑了 C 端产品的特别之处,为快速搭建一个有个性的 C 端产品提供价值。
辅助色
和 B 端产品不同。我们将常见组件库颜色选择的蓝色作为辅助色之一,并将它命名为“二级色”,用来协调非主要使用场景但和普通场景的差异。
二级色 Secondary
HEX #4C9EEA
rgb(76, 158, 234)
在需要展示二级提示(info)或与普通按钮有所区分的二级按钮是使用。
安全色 Success
HEX #22C55E
rgb(734, 197, 94)
在返回成功、安全的场景下使用。
警告色 Warning
HEX #F59E0B
rgb(245, 158, 11)
在非危险操作的警告场景下使用。
危险色 Danger
HEX #C11717
rgb(193,23,23)
在危险操作、失败等场景下使用。
深色模式
各级颜色在深色模式下均具有一定的减弱处理,确保在深色模式下有较好的视觉效果。