이 섹션은 UI가 만들어지는 가장 아래층을 본다.
색상만 보지 않고, 간격·반경·그림자·타이포그래피·언어 프로필이 함께 움직이는지 확인한다.
포함 페이지#
확인 기준#
- 한 변수만 수정해도 전역 톤이 통일되는가
- 라이트/다크 전환 시 의미가 바뀌지 않는가
- 한국어, 영어, 일본어, 중국어, 아랍어가 같은 콘텐츠에서 자연스럽게 보이는가
- 카드, 본문, 표, 버튼 사이의 리듬이 일관적인가
섹션
색상, 표면, 간격, 타이포그래피가 실제 렌더링에 내려오는 기초 토큰 섹션.
이 섹션은 UI가 만들어지는 가장 아래층을 본다.
색상만 보지 않고, 간격·반경·그림자·타이포그래피·언어 프로필이 함께 움직이는지 확인한다.
중앙 토큰을 수정했을 때 실제로 무엇이 바뀌는지 눈으로 확인하는 문서다.
같은 색이 배경, 링크, 테두리, 강조에서 서로 충돌하지 않아야 한다.
레이아웃과 간격은 수치가 아니라 리듬으로 읽혀야 한다.
언어가 바뀌어도 구조는 같고, 읽는 감각만 달라져야 한다.