이 페이지는 색상 토큰이 실제 표면 위에서 어떻게 보이는지 확인한다.
브랜드와 중립
시맨틱 상태
success는 확인과 완료에 사용한다.warning은 주의가 필요한 정보에 사용한다.danger는 실제로 위험하거나 실패한 상태에만 사용한다.info는 정보형 강조를 담당한다.
색상은 장식이 아니라 의미다. 같은 빨강이라도 오류, 경고, 브랜드가 섞이면 읽는 속도가 떨어진다.
다크 모드 확인
확인 포인트
- 카드 배경과 페이지 배경이 과하게 붙지 않는가
- 링크 hover 상태가 본문 대비에서 충분히 구분되는가
- 배지와 버튼의 대비가 다크 모드에서도 유지되는가