Skip to content

Typography

Jihye Park edited this page Oct 12, 2025 · 2 revisions

๐Ÿ–‹๏ธ Typography

Pretendard ํฐํŠธ๋ฅผ ์‚ฌ์šฉํ•˜๋ฉฐ, ๋ชจ๋“  ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ์— letterSpacing: -0.3์„ ์ ์šฉํ•˜์˜€์Šต๋‹ˆ๋‹ค.

Header

์ œ๋ชฉ ๋ฐ ๊ฐ•์กฐ ํ…์ŠคํŠธ์— ์‚ฌ์šฉ๋˜๋Š” ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ์ž…๋‹ˆ๋‹ค.

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 ์„ธ๋ถ€ ์„น์…˜ ํƒ€์ดํ‹€

Body

๋ณธ๋ฌธ ๋ฐ ์ผ๋ฐ˜ ํ…์ŠคํŠธ์— ์‚ฌ์šฉ๋˜๋Š” ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ์ž…๋‹ˆ๋‹ค.

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)

Caption

์บก์…˜ ๋ฐ ์ž‘์€ ํ•ญ๋ชฉ ํ…์ŠคํŠธ์— ์‚ฌ์šฉ๋˜๋Š” ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ์ž…๋‹ˆ๋‹ค.

Token Size Weight Font Family Description
typography.xxs 12px 400 (Regular) Pretendard-Regular ์ž‘์€ ํ…์ŠคํŠธ
typography.caption 10px 400 (Regular) Pretendard-Regular ์บก์…˜ ํ…์ŠคํŠธ

Clone this wiki locally