이 페이지는 단순한 수치 표가 아니라 실제 박스가 같은 폭과 간격 규칙을 따르는지 확인한다.

셸 샘플

pageMaxWidth / pagePadding / contentGap
contentMaxWidth
gap navMaxWidth

간격 스케일

  • space2xs ~ space3xl이 카드, 표, 본문, 버튼의 리듬을 같은 축으로 유지해야 한다.
  • tableCellPaddingX/Y가 표 셀 리듬을 따로 만들지 않는지 본다.
  • floatingActionOffsetBlock/Inline은 떠 있는 컨트롤이 페이지 가장자리에 붙지 않게 한다.

반응형 보조값

모바일 기본값 메모
  • gapMobile, pagePaddingMobile이 있으면 작은 화면에서 셸이 더 촘촘해져도 된다.
  • firstEntryMinHeightMobile은 홈/목록 첫 카드 높이가 과도하게 커지는 것을 막는다.
  • archiveMonthHeaderWidth, profileButtonsMaxWidth, highlightTableFirstColumnWidth는 리스트/아카이브/표 렌더링의 안정성을 위한 보조 토큰이다.