Design Docs
Typography프로젝트에서 사용하는 타이포그래피 변형입니다. 네이밍 패턴: {fontSize}_{fontWeight}_{lineHeight}. lineHeight에 STANDARD를 사용하면 사이즈별 디자인 시스템 표준 line-height가 적용됩니다.
28px
길을 냅니다 자리톡
28_BOLD_NARROW
28px / Bold / 125%길을 냅니다 자리톡
28_BOLD_STANDARD
28px / Bold / 38px24px
길을 냅니다 자리톡
24_REGULAR_EXTRA_NARROW
24px / Regular / 100%길을 냅니다 자리톡
24_BOLD_NARROW
24px / Bold / 125%길을 냅니다 자리톡
24_MEDIUM_EXTRA_NARROW
24px / Medium / 100%길을 냅니다 자리톡
24_BOLD_STANDARD
24px / Bold / 32px길을 냅니다 자리톡
24_MEDIUM_STANDARD
24px / Medium / 32px길을 냅니다 자리톡
24_REGULAR_STANDARD
24px / Regular / 32px20px
길을 냅니다 자리톡
20_BOLD_MIDDLE
20px / Bold / 136%길을 냅니다 자리톡
20_BOLD_EXTRA_NARROW
20px / Bold / 100%길을 냅니다 자리톡
20_BOLD_NARROW
20px / Bold / 125%길을 냅니다 자리톡
20_BOLD_WIDE
20px / Bold / 164%길을 냅니다 자리톡
20_MEDIUM_EXTRA_NARROW
20px / Medium / 100%길을 냅니다 자리톡
20_REGULAR_EXTRA_NARROW
20px / Regular / 100%길을 냅니다 자리톡
20_BOLD_STANDARD
20px / Bold / 28px길을 냅니다 자리톡
20_SEMI_BOLD_STANDARD
20px / Semi Bold / 28px길을 냅니다 자리톡
20_MEDIUM_STANDARD
20px / Medium / 28px길을 냅니다 자리톡
20_REGULAR_STANDARD
20px / Regular / 28px18px
길을 냅니다 자리톡
18_BOLD_EXTRA_NARROW
18px / Bold / 100%길을 냅니다 자리톡
18_BOLD_NARROW
18px / Bold / 125%길을 냅니다 자리톡
18_BOLD_MIDDLE
18px / Bold / 136%길을 냅니다 자리톡
18_BOLD_WIDE
18px / Bold / 164%길을 냅니다 자리톡
18_BOLD_EXTRA_WIDE
18px / Bold / 184%길을 냅니다 자리톡
18_MEDIUM_EXTRA_NARROW
18px / Medium / 100%길을 냅니다 자리톡
18_MEDIUM_NARROW
18px / Medium / 125%길을 냅니다 자리톡
18_MEDIUM_MIDDLE
18px / Medium / 136%길을 냅니다 자리톡
18_MEDIUM_WIDE
18px / Medium / 164%길을 냅니다 자리톡
18_MEDIUM_EXTRA_WIDE
18px / Medium / 184%길을 냅니다 자리톡
18_REGULAR_EXTRA_NARROW
18px / Regular / 100%길을 냅니다 자리톡
18_REGULAR_NARROW
18px / Regular / 125%길을 냅니다 자리톡
18_REGULAR_MIDDLE
18px / Regular / 136%길을 냅니다 자리톡
18_REGULAR_WIDE
18px / Regular / 164%길을 냅니다 자리톡
18_REGULAR_EXTRA_WIDE
18px / Regular / 184%길을 냅니다 자리톡
18_LIGHT_EXTRA_NARROW
18px / Light / 100%길을 냅니다 자리톡
18_LIGHT_NARROW
18px / Light / 125%길을 냅니다 자리톡
18_LIGHT_MIDDLE
18px / Light / 136%길을 냅니다 자리톡
18_LIGHT_WIDE
18px / Light / 164%길을 냅니다 자리톡
18_LIGHT_EXTRA_WIDE
18px / Light / 184%길을 냅니다 자리톡
18_BOLD_STANDARD
18px / Bold / 26px길을 냅니다 자리톡
18_MEDIUM_STANDARD
18px / Medium / 26px길을 냅니다 자리톡
18_REGULAR_STANDARD
18px / Regular / 26px길을 냅니다 자리톡
18_LIGHT_STANDARD
18px / Light / 26px16px
길을 냅니다 자리톡
16_BOLD_EXTRA_NARROW
16px / Bold / 100%길을 냅니다 자리톡
16_BOLD_NARROW
16px / Bold / 125%길을 냅니다 자리톡
16_BOLD_MIDDLE
16px / Bold / 136%길을 냅니다 자리톡
16_BOLD_WIDE
16px / Bold / 164%길을 냅니다 자리톡
16_BOLD_EXTRA_WIDE
16px / Bold / 184%길을 냅니다 자리톡
16_MEDIUM_EXTRA_NARROW
16px / Medium / 100%길을 냅니다 자리톡
16_MEDIUM_NARROW
16px / Medium / 125%길을 냅니다 자리톡
16_MEDIUM_MIDDLE
16px / Medium / 136%길을 냅니다 자리톡
16_MEDIUM_WIDE
16px / Medium / 164%길을 냅니다 자리톡
16_MEDIUM_EXTRA_WIDE
16px / Medium / 184%길을 냅니다 자리톡
16_REGULAR_EXTRA_NARROW
16px / Regular / 100%길을 냅니다 자리톡
16_REGULAR_NARROW
16px / Regular / 125%길을 냅니다 자리톡
16_REGULAR_MIDDLE
16px / Regular / 136%길을 냅니다 자리톡
16_REGULAR_WIDE
16px / Regular / 164%길을 냅니다 자리톡
16_REGULAR_MIDDLE_WIDE
16px / Regular / 174%길을 냅니다 자리톡
16_REGULAR_EXTRA_WIDE
16px / Regular / 184%길을 냅니다 자리톡
16_LIGHT_EXTRA_NARROW
16px / Light / 100%길을 냅니다 자리톡
16_LIGHT_NARROW
16px / Light / 125%길을 냅니다 자리톡
16_LIGHT_MIDDLE
16px / Light / 136%길을 냅니다 자리톡
16_LIGHT_WIDE
16px / Light / 164%길을 냅니다 자리톡
16_LIGHT_EXTRA_WIDE
16px / Light / 184%길을 냅니다 자리톡
16_BOLD_STANDARD
16px / Bold / 24px길을 냅니다 자리톡
16_SEMI_BOLD_STANDARD
16px / Semi Bold / 24px길을 냅니다 자리톡
16_SEMI_BOLD_EXTRA_NARROW
16px / Semi Bold / 100%길을 냅니다 자리톡
16_MEDIUM_STANDARD
16px / Medium / 24px길을 냅니다 자리톡
16_REGULAR_STANDARD
16px / Regular / 24px길을 냅니다 자리톡
16_LIGHT_STANDARD
16px / Light / 24px14px
길을 냅니다 자리톡
14_BOLD_EXTRA_NARROW
14px / Bold / 100%길을 냅니다 자리톡
14_BOLD_NARROW
14px / Bold / 125%길을 냅니다 자리톡
14_BOLD_MIDDLE
14px / Bold / 136%길을 냅니다 자리톡
14_BOLD_WIDE
14px / Bold / 164%길을 냅니다 자리톡
14_BOLD_EXTRA_WIDE
14px / Bold / 184%길을 냅니다 자리톡
14_SEMI_BOLD_EXTRA_NARROW
14px / Semi Bold / 100%길을 냅니다 자리톡
14_MEDIUM_EXTRA_NARROW
14px / Medium / 100%길을 냅니다 자리톡
14_MEDIUM_NARROW
14px / Medium / 125%길을 냅니다 자리톡
14_MEDIUM_MIDDLE
14px / Medium / 136%길을 냅니다 자리톡
14_MEDIUM_WIDE
14px / Medium / 164%길을 냅니다 자리톡
14_MEDIUM_EXTRA_WIDE
14px / Medium / 184%길을 냅니다 자리톡
14_REGULAR_EXTRA_NARROW
14px / Regular / 100%길을 냅니다 자리톡
14_REGULAR_NARROW
14px / Regular / 125%길을 냅니다 자리톡
14_REGULAR_MIDDLE
14px / Regular / 136%길을 냅니다 자리톡
14_REGULAR_WIDE
14px / Regular / 164%길을 냅니다 자리톡
14_REGULAR_EXTRA_WIDE
14px / Regular / 184%길을 냅니다 자리톡
14_LIGHT_EXTRA_NARROW
14px / Light / 100%길을 냅니다 자리톡
14_LIGHT_NARROW
14px / Light / 125%길을 냅니다 자리톡
14_LIGHT_MIDDLE
14px / Light / 136%길을 냅니다 자리톡
14_LIGHT_WIDE
14px / Light / 164%길을 냅니다 자리톡
14_LIGHT_EXTRA_WIDE
14px / Light / 184%길을 냅니다 자리톡
14_BOLD_STANDARD
14px / Bold / 20px길을 냅니다 자리톡
14_SEMI_BOLD_STANDARD
14px / Semi Bold / 20px길을 냅니다 자리톡
14_MEDIUM_STANDARD
14px / Medium / 20px길을 냅니다 자리톡
14_REGULAR_STANDARD
14px / Regular / 20px길을 냅니다 자리톡
14_LIGHT_STANDARD
14px / Light / 20px13px
길을 냅니다 자리톡
13_MEDIUM_EXTRA_NARROW
13px / Medium / 100%길을 냅니다 자리톡
13_MEDIUM_NARROW
13px / Medium / 125%길을 냅니다 자리톡
13_REGULAR_EXTRA_NARROW
13px / Regular / 100%길을 냅니다 자리톡
13_SEMI_BOLD_STANDARD
13px / Semi Bold / 18px길을 냅니다 자리톡
13_SEMI_BOLD_EXTRA_NARROW
13px / Semi Bold / 100%길을 냅니다 자리톡
13_BOLD_EXTRA_NARROW
13px / Bold / 100%길을 냅니다 자리톡
13_BOLD_NARROW
13px / Bold / 125%길을 냅니다 자리톡
13_BOLD_MIDDLE
13px / Bold / 136%길을 냅니다 자리톡
13_MEDIUM_MIDDLE
13px / Medium / 136%길을 냅니다 자리톡
13_REGULAR_EXTRA_WIDE
13px / Regular / 184%길을 냅니다 자리톡
13_REGULAR_WIDE
13px / Regular / 164%길을 냅니다 자리톡
13_REGULAR_MIDDLE
13px / Regular / 136%길을 냅니다 자리톡
13_BOLD_STANDARD
13px / Bold / 18px길을 냅니다 자리톡
13_MEDIUM_STANDARD
13px / Medium / 18px길을 냅니다 자리톡
13_REGULAR_STANDARD
13px / Regular / 18px12px
길을 냅니다 자리톡
12_BOLD_EXTRA_NARROW
12px / Bold / 100%길을 냅니다 자리톡
12_BOLD_NARROW
12px / Bold / 125%길을 냅니다 자리톡
12_BOLD_MIDDLE
12px / Bold / 136%길을 냅니다 자리톡
12_BOLD_WIDE
12px / Bold / 164%길을 냅니다 자리톡
12_BOLD_EXTRA_WIDE
12px / Bold / 184%길을 냅니다 자리톡
12_MEDIUM_EXTRA_NARROW
12px / Medium / 100%길을 냅니다 자리톡
12_MEDIUM_NARROW
12px / Medium / 125%길을 냅니다 자리톡
12_MEDIUM_MIDDLE
12px / Medium / 136%길을 냅니다 자리톡
12_MEDIUM_WIDE
12px / Medium / 164%길을 냅니다 자리톡
12_MEDIUM_EXTRA_WIDE
12px / Medium / 184%길을 냅니다 자리톡
12_REGULAR_EXTRA_NARROW
12px / Regular / 100%길을 냅니다 자리톡
12_REGULAR_NARROW
12px / Regular / 125%길을 냅니다 자리톡
12_REGULAR_MIDDLE
12px / Regular / 136%길을 냅니다 자리톡
12_REGULAR_WIDE
12px / Regular / 164%길을 냅니다 자리톡
12_REGULAR_EXTRA_WIDE
12px / Regular / 184%길을 냅니다 자리톡
12_BOLD_STANDARD
12px / Bold / 18px길을 냅니다 자리톡
12_MEDIUM_STANDARD
12px / Medium / 18px길을 냅니다 자리톡
12_REGULAR_STANDARD
12px / Regular / 18px11px
길을 냅니다 자리톡
11_BOLD_NARROW
11px / Bold / 125%길을 냅니다 자리톡
11_BOLD_EXTRA_NARROW
11px / Bold / 100%길을 냅니다 자리톡
11_SEMI_BOLD_EXTRA_NARROW
11px / Semi Bold / 100%길을 냅니다 자리톡
11_MEDIUM_NARROW
11px / Medium / 125%길을 냅니다 자리톡
11_REGULAR_NARROW
11px / Regular / 125%길을 냅니다 자리톡
11_MEDIUM_EXTRA_NARROW
11px / Medium / 100%길을 냅니다 자리톡
11_REGULAR_EXTRA_NARROW
11px / Regular / 100%길을 냅니다 자리톡
11_REGULAR_EXTRA_WIDE
11px / Regular / 184%길을 냅니다 자리톡
11_BOLD_STANDARD
11px / Bold / 16px길을 냅니다 자리톡
11_MEDIUM_STANDARD
11px / Medium / 16px길을 냅니다 자리톡
11_REGULAR_STANDARD
11px / Regular / 16px