Typography
fontfamily
Pretendard Variable(CDN)AaBb
가나다
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890 ,./(){}[]\|:;"'?
가나다라마바사 프리텐다드
Base
Core design foundations like font sizes, spacing, weight and Heading System.
Weight
| Name | Value | Usage |
|---|---|---|
| Light | 300 | Frontend Renders On Grid. |
| Regular | 400 | Frontend Renders On Grid. |
| Bold | 600 | Frontend Renders On Grid. |
Letter Spacing
| Name | Value | Class | Usage |
|---|---|---|---|
| Wider | 1 | spacing-wider | Frontend Renders On Grid. |
| Wide | 0.5 | spacing-wide | Frontend Renders On Grid. |
| Normal | 0 | Frontend Renders On Grid. | |
| Narrow | -0.5 | spacing-narrow | Frontend Renders On Grid. |
| Narrower | -1 | spacing-narrower | Frontend Renders On Grid. |
Heading
[H1] Frontend Renders On Grid. (28px)
[H2] Frontend Renders On Grid. (24px)
[H3] Frontend Renders On Grid. (18px)
[H4] Frontend Renders On Grid. (16px)
[H5] Frontend Renders On Grid. (14px)
Size
[Tiny] Frontend Renders On Grid. (10px)
[Small] Frontend Renders On Grid. (12px)
[Medium] Frontend Renders On Grid. (14px)
[Large] Frontend Renders On Grid. (18px)
[Huge] Frontend Renders On Grid. (20px)
[Massive] Frontend Renders On Grid. (22px)