-
Notifications
You must be signed in to change notification settings - Fork 0
Typography
Jihye Park edited this page Oct 12, 2025
·
2 revisions
Pretendard ํฐํธ๋ฅผ ์ฌ์ฉํ๋ฉฐ, ๋ชจ๋ ํ์ดํฌ๊ทธ๋ํผ์ letterSpacing: -0.3์ ์ ์ฉํ์์ต๋๋ค.
์ ๋ชฉ ๋ฐ ๊ฐ์กฐ ํ ์คํธ์ ์ฌ์ฉ๋๋ ํ์ดํฌ๊ทธ๋ํผ์ ๋๋ค.
| Token | Size | Weight | Font Family | Description |
|---|---|---|---|---|
typography.header1 |
24px | 600 (SemiBold) | Pretendard-SemiBold | ํ์ด์ง ํ์ดํ |
typography.header2 |
20px | 600 (SemiBold) | Pretendard-SemiBold | ๋ฉ์ธ ์น์ ํ์ดํ |
typography.header3 |
18px | 600 (SemiBold) | Pretendard-SemiBold | ์ฝํ ์ธ ํ์ดํ |
typography.header4 |
16px | 600 (SemiBold) | Pretendard-SemiBold | ์ธ๋ถ ์น์ ํ์ดํ |
๋ณธ๋ฌธ ๋ฐ ์ผ๋ฐ ํ ์คํธ์ ์ฌ์ฉ๋๋ ํ์ดํฌ๊ทธ๋ํผ์ ๋๋ค.
| Token | Size | Weight | Font Family | Description |
|---|---|---|---|---|
typography.md |
16px | 500 (Medium) | Pretendard-Medium | ์๋ธ ํ์ดํ |
typography.smMd |
15px | 500 (Medium) | Pretendard-Medium | ๊ธฐ๋ณธ ๋ณธ๋ฌธ (Medium) |
typography.smReg |
15px | 400 (Regular) | Pretendard-Regular | ๊ธฐ๋ณธ ๋ณธ๋ฌธ (Regular) |
typography.xsMd |
13px | 500 (Medium) | Pretendard-Medium | ์์ ๋ณธ๋ฌธ (Medium) |
typography.xsReg |
13px | 400 (Regular) | Pretendard-Regular | ์์ ๋ณธ๋ฌธ (Regular) |
์บก์ ๋ฐ ์์ ํญ๋ชฉ ํ ์คํธ์ ์ฌ์ฉ๋๋ ํ์ดํฌ๊ทธ๋ํผ์ ๋๋ค.
| Token | Size | Weight | Font Family | Description |
|---|---|---|---|---|
typography.xxs |
12px | 400 (Regular) | Pretendard-Regular | ์์ ํ ์คํธ |
typography.caption |
10px | 400 (Regular) | Pretendard-Regular | ์บก์ ํ ์คํธ |