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