33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
/*
|
|
* KINTEX 타이포/스페이싱/라운드 토큰 — docs/design.md §1-3, §1-4.
|
|
* 서체: Pretendard (모바일은 시스템 기본으로 폴백; 별도 폰트 번들 없이 웨이트만 반영).
|
|
* 모바일 터치 타깃 48px, radius 최대 8px(산업·건축 톤).
|
|
*/
|
|
export const radius = {
|
|
sm: 4, // 버튼·인풋
|
|
md: 8, // 카드·모달·섹션 (최대)
|
|
pill: 9999, // 상태/AI 칩
|
|
} as const;
|
|
|
|
export const spacing = {
|
|
xs: 4,
|
|
sm: 8,
|
|
md: 16, // 모바일 페이지 마진
|
|
lg: 24,
|
|
xl: 32,
|
|
} as const;
|
|
|
|
export const touch = {
|
|
min: 48, // 모바일 터치 타깃 권위값 (design.md §1-3)
|
|
} as const;
|
|
|
|
// 스케일 (fontSize / lineHeight / fontWeight)
|
|
export const type = {
|
|
display: { fontSize: 28, lineHeight: 36, fontWeight: '700' as const },
|
|
h1: { fontSize: 24, lineHeight: 32, fontWeight: '700' as const },
|
|
h2: { fontSize: 20, lineHeight: 28, fontWeight: '600' as const },
|
|
h3: { fontSize: 16, lineHeight: 24, fontWeight: '600' as const },
|
|
body: { fontSize: 14, lineHeight: 22, fontWeight: '400' as const },
|
|
caption: { fontSize: 12, lineHeight: 18, fontWeight: '400' as const },
|
|
} as const;
|