기본 토큰(Primitive Token)을 의미 기반으로 재정의한 토큰으로, Content Gap과 Section Gap 두 유형이 있으며 사용 맥락에 따라 선택합니다.

Content Gap

• 박스 및 컨텐츠 간 간격을 나타내는 토큰입니다.

• 컴포넌트 내부나 요소 간 간격을 직관적으로 지정할 수 있도록 XL~XS 상대 크기 체계로 재정의했습니다.

• XL~XS 단위는 숫자보다 크기 관계를 직관적으로 파악할 수 있어 빠른 의사결정과 적용이 가능합니다.

Section Gap

• 섹션 간 여백을 나타내는 토큰입니다.

• 페이지나 화면 내에서 섹션 위·아래 여백에 주로 사용되며, Mobile에서는 PC·Tablet 대비 축소된 값을 적용합니다.

• Section Gap은 반응형 환경에서 섹션 위·아래 간격을 유연하게 조정하기 위해 px 값을 직접 사용합니다.