디스플레이(Display)는 화면에서 가장 큰 텍스트로 주로 배너와 같은 마케팅 용도로 사용하며, 자유롭게 변형할 수 있으나 과도한 크기 사용은 지양한다.
| 폰트 미리보기 | font-size | font-weight | 용도 |
|---|---|---|---|
|
Heading 1 |
1.625rem (26px) |
700 (Bold) |
타이틀 |
|
Heading 1 |
1.625rem (26px) |
600 (SemiBold) |
타이틀 |
|
Heading 2 |
1.25rem (20px) |
600 (SemiBold) |
Section 타이틀 |
|
Subtitle |
1.125rem (18px) |
600 (SemiBold) |
서브 타이틀 |
| 폰트 미리보기 | font-size | font-weight | 용도 |
|---|---|---|---|
| Body L Body L Body L |
1rem (16px) |
400 / 600 / 700 |
본문 텍스트 Large |
| Body ML Body ML Body ML |
.875rem (14px) |
400 / 600 / 700 |
본문 텍스트 Medium large |
| Body M Body M Body M |
.875rem (14px) |
400 / 600 / 700 |
본문 텍스트 Medium |
| Body MS Body MS Body MS |
.8125rem (13px) |
400 / 600 / 700 |
본문 텍스트 Medium small |
| Body S Body S Body S |
.75rem (12px) |
400 / 600 / 700 |
본문 텍스트 Small |
| Etc |
.6875rem (11px) |
400 |
기타 텍스트 |