이 섹션은 컴포넌트보다 먼저 확인해야 하는 바닥값을 모아 둔다.
- 같은 CSS 변수 한 번으로 전체 톤이 바뀌는가
- 폭과 간격이 섹션마다 따로 놀지 않는가
- 언어별 폰트 스택이 본문과 제목에 모두 전달되는가
- 색상, 표면, 그림자가 카드와 버튼에 같은 규칙으로 적용되는가
SECTION
Foundation
디자인 시스템의 바닥층을 확인하는 섹션. 토큰, 폭, 간격, 타이포그래피, 색상과 표면을 묶어서 검증한다.
디자인 토큰과 CSS 변수 검증
중앙 토큰이 화면 전체로 내려오는지 점검하는 기준 페이지.
레이아웃 폭과 간격 검증
폭과 간격이 페이지 전체에서 같은 규칙으로 유지되는지 본다.
타이포그래피와 다국어 서체 검증
한국어를 기준으로 여러 언어의 서체 차이를 비교하는 페이지.
색상, 표면, 그림자, 상태 검증
색 자체보다 색의 역할을 보는 페이지.