Color
그레이 색상 (gray color)
Gray 색상은 주요 UI 요소와 조화를 이루는 중립적인 색상으로 주로 배경, 텍스트, 구분 선에 사용한다.
- 0
- 5
- 10
- 20
- 30
- 40
- 50
- 60
- 70
- 80
- 90
- 95 AAA
- 100
프라이머리 색상 (Primary color)
Primary 색상은 정부의 상징성을 나타내며 인터페이스에서 가장 주목받는 요소로 주요 액션이나 중요한 정보를 강조하는 데 사용한다.
기본 모드
- 0 AAA
- 5 AAA
- 10 AAA
- 20 AAA
- 30 AA
- 40 AA
- 50 AAA
- 60 AAA
- 70 AAA
- 80 AAA
- 90 AAA
- 95 AAA
- 100 AAA
선명한 화면 모드
- 0 AAA
- 5 AAA
- 10 AAA
- 20 AAA
- 30 AA
- 40 AA
- 50 AAA
- 60 AAA
- 70 AAA
- 80 AAA
- 90 AAA
- 95 AAA
- 100 AAA
세컨더리 색상 (secondary color)
Secondary색상은 primary 색상과 보조를 맞추며, 인터페이스에서 전체적인 보조적인 역할을 한다. 덜 중요한 액션을 표시하거나 구분을 위한 배경으로 사용한다.
기본 모드
- 0 AAA
- 5 AAA
- 10 AAA
- 20 AAA
- 30 AA
- 40 AA
- 50 AAA
- 60 AAA
- 70 AAA
- 80 AAA
- 90 AAA
- 95 AAA
- 100 AAA
선명한 화면 모드
- 0 AAA
- 5 AAA
- 10 AAA
- 20 AAA
- 30 AA
- 40 AA
- 50 AAA
- 60 AAA
- 70 AAA
- 80 AAA
- 90 AAA
- 95 AAA
- 100 AAA