Colors
Primitive
VENDICT Orange
99
90
80
70
60
50
40
30
20
10
5
Red
99
90
80
70
60
50
40
30
20
10
5
Orange
99
90
80
70
60
50
40
30
20
10
5
Yellow
99
90
80
70
60
50
40
30
20
10
5
Green
99
90
80
70
60
50
40
30
20
10
5
Blue
99
90
80
70
60
50
40
30
20
10
5
Gray
100
99
95
90
85
80
75
70
65
60
55
50
45
40
35
30
25
20
15
10
5
0
Semantic
일반적으로 명도나 쓰임새에 따라 Heavy - Strong - Normal - Neutral - Alternative - Assistive, Disable로 구분하며 필요에 따라 구성을 변경할 수 있습니다.
Primary브랜드를 대표하는 색상으로, 주요 액션 및 강조 UI 요소에 사용합니다.
primary
Background화면의 기본 배경에 사용하는 색상입니다. Normal이 기본값이며 레이어 깊이에 따라 구분합니다.
normal
alternative
elevated
elevated-alt
Label텍스트 및 아이콘에 적용하는 색상으로, 명도에 따라 Strong부터 Disable까지 단계적으로 구분합니다.
Aa
strongAa
normalAa
neutralAa
alternativeAa
assistiveAa
disableSolid컴포넌트의 배경 채움에 사용하는 색상으로, 강조 수준에 따라 단계적으로 구분합니다.
strong
normal
neutral
alternative
assistive
disable
Line구분선과 테두리에 사용하는 색상으로, 강조 수준에 따라 단계적으로 구분합니다.
strong
normal
neutral
alternative
assistive
subtle
Status상태와 피드백을 전달하는 색상으로, Positive·Cautionary·Warning·Negative·Informative 5가지로 구성됩니다.
positive
cautionary
warning
negative
informative
Inverse어두운 배경 위에서 사용하는 텍스트 및 아이콘 색상입니다.
Aa
strongAa
normalAa
alternativeAa
assistiveAa
subtleStatic라이트·다크 모드에 관계없이 항상 동일한 값을 유지하는 색상입니다.
white
black
AI GradientAI 기능 및 생성 콘텐츠를 표현하는 전용 그라디언트 색상 세트입니다.
gradient
start
mid
end
point