본문으로 건너뛰기

색상

시맨틱(색 있는 역할) · 중립(배경·텍스트·테두리) · 커스텀(모듈 도메인 색)으로 나뉜다.

역할 · intent

라이트
다크
primary

핵심 동작(주요 버튼·링크·활성). 화면당 하나만 강조.

라이트
다크
success

완료·성공 상태.

라이트
다크
warning

주의·경고 상태(되돌릴 수 있는 위험).

라이트
다크
danger

삭제·취소 등 파괴적 동작과 오류.

success·warning·danger는 업계 공통 상태 3종. primary는 브랜드 주요 동작.

확장 액센트 · 강조·브랜드

라이트
다크
accent

포커스 링·인터랙션 강조(teal).

라이트
다크
point

포인트 강조·브랜드(violet).

상태 의도가 아닌 강조용. 의미가 굳어지면(예: AI·연동) 그 이름으로 승격하는 것도 방법. 중립색은 중립색 탭 참고.