init: company-haness 설계
This commit is contained in:
@@ -0,0 +1,27 @@
|
||||
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: 상태 전환 }
|
||||
Reference in New Issue
Block a user