Color
컬러는 사용자가 브랜드 아이덴티티와 기능을 인지하는 것을 돕는 시각적 요소입니다.
Semantic
전체 컬러 팔레트 중 서비스에 사용되는 컬러를 용도별로 지정해서 시스템화해요.
Background
Component
UI 내 요소들에 사용되는 컬러로, State별로 나누어서 정리했어요.
정리된 토큰 외 컬러 사용시 변형 및 확장이 가능해요.
Default
Disabled
Hover
Pressed
Status
Shadow
Gradient
그래픽 에셋 등에 활용되는 그라디언트예요.
편리한 사용을 위해 시스템화한 것으로, 그래픽 확장을 위해 자유롭게 추가할 수 있어요.
ETC.
UI 내 요소들에 사용되는 컬러로, State별로 나누어서 정리했어요.
정리된 토큰 외 컬러 사용시 변형 및 확장이 가능해요.
Global
모든 컬러의 셰이드를 지정했어요. 그래픽 및 UI 요소를 확장할 시 이 안에서 참조하여 사용해요.