07

스페이싱

4px 기본 스케일과 플루이드 섹션 스텝. 컨테이너는 세 가지 폭에서 고정됩니다.

스케일

xs
4px
sm
8px
md
16px
lg
24px
xl
40px
2xl
60px
3xl
80px
section
clamp(60px, 10vw, 120px)
gutter
20px
container-px
22px
nav-height
48px

컨테이너

TokenWidthUseAnchor
content980pxdefault reading-width containerbg:container:content
wide1440pxwide marketing sectionsbg:container:wide
narrow680pxnarrow text columns, FAQ answersbg:container:narrow
pricing-grid1120pxpricing grid max-widthbg:container:pricing-grid

라디우스

TokenValueUseAnchor
chip4pxsmall chip and badgebg:radius:chip
control8pxdefault control and buttonbg:radius:control
card16pxfeature cards, GEO blockbg:radius:card
pricing-card28pxpricing cardbg:radius:pricing-card
pill9999pxpill, toggle, hero badgebg:radius:pill