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

    Color 色彩

    Element 为了避免视觉传达差异,使用一套特定的调色板来规定颜色,为你所搭建的产品提供一致的外观视觉感受。

    主色

    Element 主要品牌颜色是鲜艳、友好的蓝色。

    Color 色彩 - 图1

    Light Blue

    1. #58B7FF

    Blue

    1. #20A0FF

    Dark Blue

    1. #1D8CE0

    辅助色

    除了主色外的场景色,需要在不同的场景中使用(例如危险色表示危险的操作)。

    Color 色彩 - 图2

    Blue

    1. #20A0FF

    Success

    1. #13CE66

    Warning

    F7BA2A

    Danger

    1. #FF4949

    中性色

    中性色用于文本、背景和边框颜色。通过运用不同的中性色,来表现层次结构。

    Color 色彩 - 图3

    Black

    1. #1F2D3D

    Light Black

    1. #324057

    Extra Light Black

    1. #475669

    Silver

    1. #8492A6

    Light Silver

    1. #99A9BF

    Extra Light Silver

    1. #C0CCDA

    Gray

    1. #D3DCE6

    Light Gray

    1. #E5E9F2

    Extra Light Gray

    1. #EFF2F7

    Dark White

    1. #F9FAFC

    White

    1. #FFFFFF