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