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