3 타이포그래피
4 타이포그래피
한국어 문서에 최적화된 타이포그래피 시스템입니다.
4.1 타입 스케일
Major Third (1.250) 비율을 기반으로 한 타입 스케일을 사용합니다.
| 수준 | 크기 | 픽셀 |
|---|---|---|
| xs | 0.64rem | 10.24px |
| sm | 0.8rem | 12.8px |
| base | 1rem | 16px |
| lg | 1.25rem | 20px |
| xl | 1.563rem | 25px |
| 2xl | 1.953rem | 31.25px |
| 3xl | 2.441rem | 39px |
| 4xl | 3.052rem | 48.8px |
4.2 행간 (Line Height)
한국어는 영문보다 높은 행간이 필요합니다.
- tight (1.3): 제목
- snug (1.5): 부제목
- normal (1.75): 본문 — 한국어 최적
- relaxed (1.9): 넓은 본문
- loose (2.0): 매우 넓은 간격
4.3 폰트 패밀리
4.3.1 산세리프 (Pretendard)
본문과 제목에 사용합니다. 가변 폰트로 다양한 굵기를 지원합니다.
4.3.2 세리프 (Noto Serif KR)
인용문이나 강조된 텍스트에 사용합니다. 격식 있는 분위기를 연출할 수 있습니다.
4.3.3 모노스페이스 (JetBrains Mono)
코드와 기술적인 내용에 사용합니다.
# JetBrains Mono로 표시되는 코드
print("한국어 코드 주석도 깔끔하게!")