Type
Description
Font size
정보의 위계에 따라 해당 타이포 스타일을 사용합니다.
Singleline / Multiline
두 줄 이상일때는 Multiline 스타일을 사용합니다.
Letter spacing
별도값을 지정하지 않습니다.
Text decoration
Underline과 Striketrough 두가지 타입이 있습니다.
Word break
기본적으로 텍스트 줄바꿈은 단어 단위(공백, 띄어쓰기 기준)로 줄바꿈됩니다.
Type
Weight
Size
Line height
Display Large
Bold(700), Extrabold(800)
32px
38px
Display Medium
Bold(700), Extrabold(800)
24px
28px
Display Small
Bold(700), Extrabold(800)
20px
24px
Title Large
Bold(700), Extrabold(800)
18px
20px
Title Medium (Singleline)
Medium(500), Bold(700)
16px
19px
Title Medium (Multiline)
Medium(500), Bold(700)
16px
24px
Body Large (Singleline)
Regular(400), Medium(500), Bold(700)
15px
18px
Body Large (Multiline)
Regular(400), Medium(500), Bold(700)
15px
18px
Body Medium (Singleline)
Regular(400), Medium(500), Bold(700)
14px
17px
Body Medium (Multiline)
Regular(400), Medium(500), Bold(700)
14px
20px
Body Small (Singleline)
Regular(400), Medium(500), Bold(700)
13px
16px
Body Small (Multiline)
Regular(400), Medium(500), Bold(700)
13px
20px
Caption Large (Singleline)
Regular(400), Medium(500), Bold(700)
12px
14px
Caption Large (Multiline)
Regular(400), Medium(500), Bold(700)
12px
16px
Caption Medium
Regular(400), Medium(500), Bold(700)
11px
13px
Caption Small
Regular(400), Medium(500), Bold(700)
10px
12px
Badge
Semibold(600), Bold(700)
9px
11px
Type
Weight
Size
Line height
UI Typo 16
Semibold(600)
16px
19px
UI Typo 15 (Singleline)
Semibold(600)
15px
18px
UI Typo 15 (Multiline)
Semibold(600)
15px
22px
UI Typo 14
Semibold(600)
14px
17px
UI Typo 13
Semibold(600)
13px
16px
UI Typo 12
Semibold(600)
12px
14px
UI Typo 11
Semibold(600)
11px
13px
UI Typo 10
Semibold(600)
10px
12px
Underline
링크 이동 등의 버튼 레이블에 사용합니다.
⚠️ 본문 강조용으로 사용하지 않습니다.
Striketrough
가격의 원가