2  디자인 토큰

3 디자인 토큰

디자인 토큰은 디자인 시스템의 가장 기본적인 단위입니다. 색상, 타이포그래피, 간격 등의 값을 변수로 관리하여 일관성을 유지합니다.

3.1 색상 토큰

Primary 색상 팔레트는 인디고 계열을 사용합니다.

토큰	값	용도
$color-primary-500	#6366F1	기본 강조색
$color-primary-600	#4F46E5	링크, 버튼
$color-primary-700	#4338CA	호버 상태

3.2 간격 토큰

4px 기반의 간격 시스템을 사용합니다.

$spacing-unit: 0.25rem;  // 4px
$spacing-4: 1rem;        // 16px
$spacing-8: 2rem;        // 32px