이 페이지는 색을 설명하는 문서가 아니라 색이 화면에서 어떻게 보이는지 확인하는 장이다.

표면 계층

  • 페이지 배경
  • 기본 표면
  • 조용한 표면
  • 떠 있는 표면
  • 강한 표면

색상 샘플

의미 쓰임새 확인 포인트
primary 핵심 행동 CTA, 강조 링크
accent 보조 강조 하이라이트, 배지
success 성공 상태 완료, 통과
warning 주의 상태 경고, 안내
danger 오류 상태 실패, 파괴적 동작
info 정보 상태 알림, 설명

읽는 법

각 색은 단독으로 예쁜지보다 텍스트·배경·테두리·그림자와 함께 놓였을 때 더 중요하다.
같은 이름의 토큰이 라이트와 다크에서 같은 의미를 유지하는지 함께 본다.