Foundations
Typography (타이포그래피)
한글 본문은 Pretendard, 숫자·라틴은 Plus Jakarta Sans. 본문 좌측 정렬 · word-break: keep-all · 양끝맞춤 금지. 상세 한글 규칙(띄어쓰기·줄바꿈)은 발행 전 체크리스트와 함께 korean-typography 가이드가 정본이다.
타입 스케일
| 스타일 | 토큰 | 크기/행간/굵기 | 실물 |
|---|---|---|---|
| display | --text-display | 60px / 1.12 / 900 | 안전한 거리 132m |
| h1 | --text-h1 | 48px / 1.12 / 900 | 안전한 거리 132m |
| h2 | --text-h2 | 36px / 1.22 / 800 | 안전한 거리 132m |
| h3 | --text-h3 | 30px / 1.22 / 800 | 안전한 거리 132m |
| h4 | --text-h4 | 24px / 1.22 / 700 | 안전한 거리 132m |
| title | --text-title | 20px / 1.5 / 700 | 안전한 거리 132m |
| body-lg | --text-body-lg | 18px / 1.65 / 400 | 안전한 거리 132m |
| body | --text-body | 16px / 1.65 / 400 | 안전한 거리 132m |
| body-sm | --text-body-sm | 14px / 1.5 / 400 | 안전한 거리 132m |
| label | --text-label | 14px / 1.5 / 600 | 안전한 거리 132m |
| caption | --text-caption | 12px / 1.5 / 500 | 안전한 거리 132m |
| eyebrow | --text-eyebrow | 12px / 1.5 / 800 | 안전한 거리 132m |
사용 규칙
- 제목은
--font-ls-tighter자간 +text-wrap: balance, 본문 행간은 1.65(--font-lh-relaxed). - 숫자 표·금액은
font-variant-numeric: tabular-nums로 자릿수를 정렬한다. - 스케일 밖 크기를 임의로 만들지 않는다 — 12단계로 부족하면 설계를 의심한다.