design tokens

테스트 목적

토큰이 CSS, 템플릿, shortcode에서 같은 의미로 읽히는지 확인합니다. 숫자를 직접 박아 넣는 대신 토큰이 흐르는지 보는 테스트입니다.

확인 항목

• 기초 값과 의미 값이 구분되는가
• 컴포넌트가 직접 숫자를 들고 있지 않은가
• 토큰 변경이 여러 UI에 예측 가능하게 반영되는가

기대 결과

페이지 상단의 핵심 카드, 표, 본문 간격이 같은 시각 언어를 유지해야 합니다.

진단 도구

design-probe shortcode를 사용해 중앙 토큰의 역할을 다시 확인합니다.

실패 기준

• 카드와 본문이 서로 다른 시스템처럼 보이는 경우
• 배경, border, shadow의 레이어 감각이 어긋나는 경우