간격과 반경

간격

4 / 8 / 12 / 16 / 20 / 24 / 32 / 40 / 48 / 64 값을 사용합니다.

작은 값은 한 컴포넌트 내부의 관계를, 큰 값은 섹션과 페이지의 분리를 표현합니다.

반경

값	대표 용도
4px	작은 강조 표면
8px	아바타 fallback·작은 박스
12px	입력·버튼
16px	기본 카드
20px	히어로·헤더 카드
9999px	칩·필·아바타

카드 안에 또 다른 둥근 카드를 반복해서 넣지 않습니다. 콘텐츠 위계는 먼저 여백과 타이포로 해결합니다.