🖥️Web Font Guide

Web Font Guide

1. T1 (title)

전체 페이지의 가장 큰 타이틀로 사용됩니다.

• size : 26px

• weight : regular

• color : black #111111 / grey 3 #999999
• align : left

CSS

font-size: 26px;
font-weight: 500;
color: #111111;

2. T2 (title)

팝업의 타이틀로 사용됩니다.

• size : 22px

• weight : regular

• color : black #111111
• align : left

CSS

font-size: 22px;
font-weight: 500;
color: #111111;

3. T3 (title)

팝업의 안내문구 타이틀 등으로 사용됩니다.

• size : 18px

• weight : regular / bold

• color : black #111111 / grey 3 #999999
• align : left

4. T4 (title)

메뉴와 탭에서 사용되는 텍스트로 사용됩니다.

• size : 16px

• weight : regular / bold

• color : black #111111 / grey 3 #333333 / primary / white #ffffff
• align : left / center

5. B1 (body)

btn, table list 등 거의 모든 컨텐츠에서 가장 많이 사용됩니다.

• size : 14px

• weight : regular / bold

• color :black #111111 / grey 3 #999999 / primary / red #ff4b4b/ white #ffffff
• align : left / center / right

6. B2 (body)

btn text 사용됩니다.

• size : 13px

• weight : regular

• color : grey 3 #999999 / white #ffffff
• align : left / center

7. B3 (body)

폰트 가이드중 가장 작은 사이즈로 btn 및 error, info등에 사용됩니다.

• size : 12px

• weight : regular

• color : black #111111 / grey 3 #999999 / primary / red #ff4b4b/ white #ffffff
• align : left / center / right

가급적 font size는 최소 12px 이하로 사용하지 않도록 하고, 예외적으로 필요할 경우 어떠한 케이스로 사용되는지 서비스 내의 가이드를 만들어 사용하도록 권장합니다.