Typography
폰트 패밀리, 크기, 굵기, 행간 토큰
일관된 타이포그래피를 위한 토큰입니다. 용도별 시맨틱 이름을 사용하여 적절한 크기와 스타일을 적용하세요.
폰트 패밀리
Sans (기본)
Pretendard Variable
--font-sansMono (코드)
Fira Code
--font-mono폰트 크기
display
60px
page-title
36px
section-title
24px
card-title
18px
body
16px
body-sm
14px
caption
12px
폰트 굵기
| Token | CSS Variable | Value | Usage |
|---|---|---|---|
| normal | --font-normal | 400 | 본문 텍스트 |
| medium | --font-medium | 500 | 강조 텍스트 |
| semibold | --font-semibold | 600 | 제목 |
| bold | --font-bold | 700 | 페이지 제목 |
행간 (Line Height)
| Token | CSS Variable | Value | Usage |
|---|---|---|---|
| tight | --leading-tight | 1.25 | 제목용 |
| normal | --leading-normal | 1.5 | 본문용 |
| relaxed | --leading-relaxed | 1.625 | 긴 문단용 |