https://hugo-theme-test-a-1.pages.dev/ko/tags/design/ Recent content in Design on SITE — SITE https://hugo-theme-test-a-1.pages.dev/social.png https://hugo-theme-test-a-1.pages.dev/social.png Hugo -- 0.147.7 ko-KR https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/10-foundation/design-tokens/ Mon, 01 Jan 0001 00:00:00 +0000 https://hugo-theme-test-a-1.pages.dev/ko/blog/lab/10-foundation/design-tokens/ <h1 id="design-tokens">design tokens</h1> <h2 id="테스트-목적">테스트 목적</h2> <p>토큰이 CSS, 템플릿, shortcode에서 같은 의미로 읽히는지 확인합니다. 숫자를 직접 박아 넣는 대신 토큰이 흐르는지 보는 테스트입니다.</p> <h2 id="확인-항목">확인 항목</h2> <ul> <li>기초 값과 의미 값이 구분되는가</li> <li>컴포넌트가 직접 숫자를 들고 있지 않은가</li> <li>토큰 변경이 여러 UI에 예측 가능하게 반영되는가</li> </ul> <h2 id="기대-결과">기대 결과</h2> <p>페이지 상단의 핵심 카드, 표, 본문 간격이 같은 시각 언어를 유지해야 합니다.</p>