Display 1

Bold

Pretendard

Bold

56px

/

129%

The quick brown fox jumps over the lazy dog.

텍스트를 가장 주요하게 나타낼 때 사용합니다. 가장 큰 크기로 사용합니다.

Medium

Pretendard

Medium

56px

/

129%

The quick brown fox jumps over the lazy dog.

텍스트를 가장 주요하게 나타낼 때 사용합니다. 가장 큰 크기로 사용합니다.

Regular

Pretendard

Regular

56px

/

129%

The quick brown fox jumps over the lazy dog.

텍스트를 가장 주요하게 나타낼 때 사용합니다. 가장 큰 크기로 사용합니다.

Display 2

Regular

Pretendard

Regular

40px

/

130%

The quick brown fox jumps over the lazy dog.

텍스트를 가장 주요하게 나타낼 때 사용합니다. 그 다음 크기로 사용합니다.

Bold

Pretendard

Bold

40px

/

130%

The quick brown fox jumps over the lazy dog.

텍스트를 가장 주요하게 나타낼 때 사용합니다. 그 다음 크기로 사용합니다.

Medium

Pretendard

Medium

40px

/

130%

The quick brown fox jumps over the lazy dog.

텍스트를 가장 주요하게 나타낼 때 사용합니다. 그 다음 크기로 사용합니다.

Title 1

Bold

Pretendard

Bold

36px

/

133%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. 큰 크기 또는 가장 큰 크기로 사용합니다.

Medium

Pretendard

Medium

36px

/

133%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. 큰 크기 또는 가장 큰 크기로 사용합니다.

Regular

Pretendard

Regular

36px

/

133%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때 사용합니다. 큰 크기 또는 가장 큰 크기로 사용합니다.

Title 2

Bold

Pretendard

Bold

28px

/

136%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. 그 다음 크기로 사용합니다.

Medium

Pretendard

Medium

28px

/

136%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. 그 다음 크기로 사용합니다.

Regular

Pretendard

Regular

28px

/

136%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. 그 다음 크기로 사용합니다.

Title 3

Bold

Pretendard

Bold

24px

/

133%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. Heading보다 큰 크기로 사용합니다.

Medium

Pretendard

Medium

24px

/

133%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. Heading보다 큰 크기로 사용합니다.

Regular

Pretendard

Regular

24px

/

133%

The quick brown fox jumps over the lazy dog.

텍스트를 주요하게 나타낼 때사용합니다. Heading보다 큰 크기로 사용합니다.

Heading 1

Bold

Pretendard

SemiBold

22px

/

136%

The quick brown fox jumps over the lazy dog.

섹션에서 주제를 나타낼 때 사용합니다. 큰 화면에서 사용합니다.

Medium

Pretendard

Medium

22px

/

136%

The quick brown fox jumps over the lazy dog.

섹션에서 주제를 나타낼 때 사용합니다. 큰 화면에서 사용합니다.

Regular

Pretendard

Regular

22px

/

136%

The quick brown fox jumps over the lazy dog.

섹션에서 주제를 나타낼 때 사용합니다. 큰 화면에서 사용합니다.

Heading 2

Bold

Pretendard

SemiBold

20px

/

140%

The quick brown fox jumps over the lazy dog.

섹션에서 주제를 나타낼 때 사용합니다. 작은 화면에서 사용합니다.

Medium

Pretendard

Medium

20px

/

140%

The quick brown fox jumps over the lazy dog.

섹션에서 주제를 나타낼 때 사용합니다. 작은 화면에서 사용합니다.

Regular

Pretendard

Regular

20px

/

140%

The quick brown fox jumps over the lazy dog.

섹션에서 주제를 나타낼 때 사용합니다. 작은 화면에서 사용합니다.

Headline 1

Bold

Pretendard

SemiBold

18px

/

145%

The quick brown fox jumps over the lazy dog.

본문 상위로 내용을 강조해야 할 때 사용합니다. 큰 화면에서 사용합니다.

Medium

Pretendard

Medium

18px

/

145%

The quick brown fox jumps over the lazy dog.

본문 상위로 내용을 강조해야 할 때 사용합니다. 큰 화면에서 사용합니다.

Regular

Pretendard

Regular

18px

/

145%

The quick brown fox jumps over the lazy dog.

본문 상위로 내용을 강조해야 할 때 사용합니다. 큰 화면에서 사용합니다.

Headline 2

Bold

Pretendard

SemiBold

17px

/

141%

The quick brown fox jumps over the lazy dog.

본문 상위로 내용을 강조해야 할 때 사용합니다. 작은 화면에서 사용합니다.

Medium

Pretendard

Medium

17px

/

141%

The quick brown fox jumps over the lazy dog.

본문 상위로 내용을 강조해야 할 때 사용합니다. 작은 화면에서 사용합니다.

Regular

Pretendard

Regular

17px

/

141%

The quick brown fox jumps over the lazy dog.

본문 상위로 내용을 강조해야 할 때 사용합니다. 작은 화면에서 사용합니다.

Body 1

Normal - Regular

Pretendard

Regular

16px

/

150%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 일반적으로 사용합니다.

Normal - Medium

Pretendard

Medium

16px

/

150%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 일반적으로 사용합니다.

Normal - Bold

Pretendard

SemiBold

16px

/

150%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 일반적으로 사용합니다.

Reading - Regular

Pretendard

Regular

16px

/

163%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 보다 길게 읽어야 할 때 사용합니다.

Reading - Medium

Pretendard

Medium

16px

/

163%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 보다 길게 읽어야 할 때 사용합니다.

Reading - Bold

Pretendard

SemiBold

16px

/

163%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 보다 길게 읽어야 할 때 사용합니다.

Body 2

Normal - Regular

Pretendard

Regular

15px

/

147%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 대체적으로 사용합니다.

Normal - Medium

Pretendard

Medium

15px

/

147%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 대체적으로 사용합니다.

Normal - Bold

Pretendard

SemiBold

15px

/

147%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 보다 길게 읽어야 할 때 대체적으로 사용합니다.

Reading - Regular

Pretendard

Regular

15px

/

160%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 대체적으로 사용합니다.

Reading - Medium

Pretendard

Medium

15px

/

160%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 보다 길게 읽어야 할 때 대체적으로 사용합니다.

Reading - Bold

Pretendard

SemiBold

15px

/

160%

The quick brown fox jumps over the lazy dog.

기준 크기로 사용합니다. 보다 길게 읽어야 할 때 대체적으로 사용합니다.

Label 1

Normal - Bold

Pretendard

SemiBold

14px

/

143%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 일반적으로 사용합니다.

Normal - Medium

Pretendard

Medium

14px

/

143%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 일반적으로 사용합니다.

Normal - Regular

Pretendard

Regular

14px

/

143%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 일반적으로 사용합니다.

Reading - Bold

Pretendard

SemiBold

14px

/

157%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 보다 길게 읽어야 할 때 사용합니다.

Reading - Medium

Pretendard

Medium

14px

/

157%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 보다 길게 읽어야 할 때 사용합니다.

Reading - Regular

Pretendard

Regular

14px

/

157%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 보다 길게 읽어야 할 때 사용합니다.

Label 2

Regular

Pretendard

Regular

13px

/

138%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 보다 낮은 위계로 사용합니다.

Medium

Pretendard

Medium

13px

/

138%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 보다 낮은 위계로 사용합니다.

Bold

Pretendard

SemiBold

13px

/

138%

The quick brown fox jumps over the lazy dog.

참고 내용을 나타낼 때 사용합니다. 보다 낮은 위계로 사용합니다.

Caption 1

Regular

Pretendard

Regular

12px

/

133%

The quick brown fox jumps over the lazy dog.

부가적인 내용을 나타낼 때 사용합니다. 일반적으로 사용합니다.

Medium

Pretendard

Medium

12px

/

133%

The quick brown fox jumps over the lazy dog.

부가적인 내용을 나타낼 때 사용합니다. 일반적으로 사용합니다.

Bold

Pretendard

SemiBold

12px

/

133%

The quick brown fox jumps over the lazy dog.

부가적인 내용을 나타낼 때 사용합니다. 일반적으로 사용합니다.

Caption 2

Regular

Pretendard

Regular

11px

/

127%

The quick brown fox jumps over the lazy dog.

부가적인 내용을 나타낼 때 사용합니다. 가장 낮은 위계로 사용합니다.

Medium

Pretendard

Medium

11px

/

127%

The quick brown fox jumps over the lazy dog.

부가적인 내용을 나타낼 때 사용합니다. 가장 낮은 위계로 사용합니다.

Bold

Pretendard

SemiBold

11px

/

127%

The quick brown fox jumps over the lazy dog.

가장 작은 크기로 콘텐츠를 부연설명합니다.


Variant: Caption 2

Weight: Regular