foundation 섹션은 디자인 시스템의 원자 단위를 확인한다.
design-tokens.css의 변수 선언이 실제 UI에 내려오는가- 레이아웃 폭과 컨테이너 간격이 섹션별로 같은 규칙을 쓰는가
- 한국어, 라틴어, 일본어, 중국어, 아랍어가 같은 본문 구조에서 무너지지 않는가
서체와 언어
언어별 타이포그래피가 같은 레이아웃 안에서 자연스럽게 공존하는지 본다.
간격과 레이아웃
간격은 숫자가 아니라 페이지의 호흡이다.
색상과 표면
이 페이지는 색상 변수의 이름이 아니라 실제 대비와 계층을 본다.
토큰 카탈로그
이 페이지에서는 변수 이름만이 아니라, 어떤 화면 요소를 움직이는지 함께 본다.