📱Mobile Font Guide

Mobile Font Guide

1. T1 (title)

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

• size : 22px

• weight : regular

• color : black #111111
• align : left / center

CSS

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

2. T2 (title)

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

• size : 20px

• weight : regular

• color : black #111111
• align : left / center

CSS

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

3. T3 (title)

전체 페이지의 서브 타이틀로 사용됩니다.

• size : 18px

• weight : bold / regular

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

4. B1 (body)

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

• size : 14px

• weight : bold / regular

• color : black #111111 / red #ff4b4b / primary / white #ffffff

  grey1 #333333 / grey 2 #666666 / grey 3 #999999
• align : left / center / right

5. B2 (body)

폰트 가이드중 가장 작은 사이즈로 btn, table, list에 사용되고, error, info등에서도 사용됩니다.

• size : 12px

• weight : bold / regular

• color : black #111111 / red #ff4b4b / primary / white #ffffff

  grey1 #333333 / grey 2 #666666 / grey 3 #999999
• align : left / center / right

font size는 최소 12px 이하로 사용하지 않도록 권장합니다.