Colors

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

Basic Color

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

Solid

완전한 불투명한 색상으로, 투명도가 없는 색상입니다. Solid 컬러는 HEX 값으로 정의합니다.

Alpha

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

Gray Alpha

White Alpha

Static

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

---

System Color

Label

모든 텍스트 정보에 같은 컬러를 쓰는 경우, 사용자가 읽어야 할 정보의 우선순위를 파악하기 어려워 혼란을 줄 수 있습니다.

Icon

Button

Surface

Divider

Dim

Background

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

Regulation

사용자에게 정보를 전달하거나 의미를 부여하는 컬러 시스템입니다. 텔테일, 온도 등 법규를 만족시킬 수 있는 정보에 사용됩니다.

Informative

정보의 중요도를 나타낼 수 있으며, 특정 작업이 진행중인지, 완료되었는지, 혹은 오류가 발생했는지 등을 나타낼 때 사용됩니다.