28 lines
1.7 KiB
YAML
28 lines
1.7 KiB
YAML
design-tokens:
|
|
version: 1
|
|
tokens:
|
|
color:
|
|
canvas: { value: "#ffffff", type: color, description: 최상위 배경에만 사용 }
|
|
surface: { value: "#f7f8fa", type: color, description: 구획된 표면 }
|
|
text: { value: "#16181d", type: color, description: 기본 본문 }
|
|
text-muted: { value: "#596170", type: color, description: 보조 설명; 작은 본문 AA 대비 유지 }
|
|
border: { value: "#d9dde5", type: color, description: 경계와 구분 }
|
|
accent: { value: "#2457d6", type: color, description: primary action과 focus에만 사용 }
|
|
danger: { value: "#b42318", type: color, description: 파괴적 액션과 오류 }
|
|
space:
|
|
xs: { value: "0.25rem", type: dimension, description: 아이콘 내부 간격 }
|
|
sm: { value: "0.5rem", type: dimension, description: 밀접 요소 간격 }
|
|
md: { value: "1rem", type: dimension, description: 기본 그룹 간격 }
|
|
lg: { value: "1.5rem", type: dimension, description: 섹션 내부 간격 }
|
|
xl: { value: "2.5rem", type: dimension, description: 주요 섹션 분리 }
|
|
radius:
|
|
control: { value: "0.5rem", type: dimension, description: 입력·버튼 }
|
|
surface: { value: "0.75rem", type: dimension, description: 카드·패널 }
|
|
typography:
|
|
body-size: { value: "1rem", type: dimension, description: 기본 본문 크기 }
|
|
body-line: { value: "1.5", type: number, description: 기본 본문 행간 }
|
|
label-size: { value: "0.875rem", type: dimension, description: 레이블 최소 크기 }
|
|
motion:
|
|
fast: { value: "120ms", type: duration, description: 직접 조작 피드백 }
|
|
standard: { value: "200ms", type: duration, description: 상태 전환 }
|