qrcode
扫描二维码查看 H5 演示效果
qrcode
扫描二维码查看演示效果
taro-ui, 非 taro-ui-vue3
wxapp

Color 色彩


统一的色彩搭配可以提高品牌的识别度,色彩的运用除了需要考虑品牌的统一性之外,还需要达到信息传递,交互反馈等目的。Taro UI 是凹凸实验室出品,品牌颜色为「凹凸蓝」,因此 Taro UI 的整体配色风格也是基于「凹凸蓝」展开的。

主色

用于标识品牌颜色

Brand Color

#6190E8

辅助色

用于标识状态的按钮等

Green - Positive

#13CE66

Red - Negative

#FF4949

Yellow - Warning

#FFC82C

Blue - Info

#78A4FA

次辅助色

用于不那么重要的信息等

Roof

#C2ABC7

Curtain

#F0D0D5

Door

#F1E4ED

Wall

#EEF0F0

中性色

用于文本、背景和边框

Header 标题

#2C405A

正文字体 - 黑

#3F536E

正文字体 - 灰

#8DABC4

图标

#A8C6DF

边框

#C5D9E8

背景色 - 浅蓝

#ECF5FD

背景色 - 米白

#FAFBFC