형태Shape

7단계 반경 스케일을 제공합니다. 작은 UI일수록 작은 반경을, 큰 면적일수록 큰 반경을 사용합니다 — 반경과 면적은 시각적으로 비례해야 어색하지 않습니다.

테두리 두께도 의미를 가집니다. 기본은 1px, 강조나 활성 상태에서 2–3px로 올라갑니다. 대비가 모자란 곳에 두께로 보완하지 마세요 — 색 대비를 먼저 조정하는 것이 원칙입니다.

1. 같은 계층은 같은 반경 — 폼 안의 Input·Select·Button이 모두 radius-sm(6px)을 쓰면 한 그룹으로 보입니다. 하나만 다르면 시각적 위계가 깨집니다.

2. 내포 반경은 외곽보다 작게 — 카드(radius-md) 안의 이미지(radius-sm) 같은 식으로, 안쪽이 더 작아야 “감싸는” 인상이 자연스럽습니다.

3. 원형(full)은 의미 있는 반복에만 — 아바타·칩·태그처럼 “동일한 모양의 반복”이 의도된 곳에서만 사용합니다. 일반 카드를 동그랗게 만들지 않습니다.

4. 획보다 색, 색보다 구조 — 요소 분리는 기본 공간(spacing) 으로, 부족하면 색 대비로, 그다음이 테두리입니다. 테두리를 먼저 쓰면 화면이 무거워집니다.