标准色

主色 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)

在危险操作、失败等场景下使用。

深色模式

各级颜色在深色模式下均具有一定的减弱处理,确保在深色模式下有较好的视觉效果。