• Color 色彩
    • 主色
    • 辅助色
    • 次辅助色
    • 中性色

    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