본문으로 건너뛰기

Colors

Color는 하나의 제품으로써 브랜드 아이덴티티를 유지하기 위한 도구이자, 고객의 혼란을 최소화 하기 위해 색상 대비를 통해 소프트웨어 내에서 명확한 정보의 위계를 표현할 수 있어야 합니다.

업데이트 구분 🟠 기존 업데이트 🔵 신규 추가


Basic Color​

Scale Token은 프로덕트의 일관된 색상 체계를 정의하는 표준화된 컬러 토큰입니다. 특별한 시맨틱한 성격이나 맥락을 갖고있지 않은 경우에 사용하며, 그 어떤 경우에도 Scale Token을 사용할 수 있습니다.

Grayscale​

가장 기본적인 흑백 컬러로 투명도가 없는 색상입니다.

Color1

Alpha Color​​

투명도를 가진 색상으로, 컬러의 투명도를 조절하여 주로 배경이나 다른 요소들과 조합에 사용됩니다.

White Alpha​

Color2

Gray Alpha​

Color3

Static Color​

라이트, 다크 테마에 영향을 받지 않으며, 항상 raw값을 유지하는 컬러입니다. 주로 Overlay 위에 올라가는 요소에 사용됩니다.

Light​

Color4

Dark​

Color5


System Color​

Background​

콘텐츠와 정보를 감싸고 있는 Background 컬러입니다. Z축의 가장 하위에 위치합니다.

Color6

Button​

Color7

Controller​

Color8

Climate​

Color9

Color10

Dim​

Color11

Driving​

Color12

Fields​

Color13

Gleo AI​

Color14

Icon​

Color15

Informative​

Color15

Keyboard​

Normal​

Color16

Static​

Color17

Media​

Color18

Overlay​

Color19

Phone​

Color20

Regulation​

Color21

Surface​

Color22

Switch​

Color23

Text​

Color24