1. 주 사용색상
용도 | 컬러 |
|---|---|
기본 | #636363 |
텍스트 | #565656 |
포인트1 | #1D1E6B |
포인트2 | #0051E4 |
2. 사용폰트
종류 | 글꼴 + 크기 + 두께 + 줄간격 + 글자간격 |
|---|---|
H1 | Manrope + 8.4VW + 900 + 0.9EM + -1 |
H2 | Manrope + 80PX + 500 + 1EM + -1 |
H3 | Manrope + 57PX + 700 + 1.3EM + -1 |
H4 | Noto Sans KR + 37PX + 400 + 1.5EM + -3 |
H5 | Noto Sans KR + 32PX + 400 + 1.5EM + -3 |
H6 | Noto Sans KR + 24PX + 400 + 1.5EM + -1.5 |
H1 Heading
H2 Heading
H2 Heading
H2 Heading
H2 Heading
H2 Heading
3. HTML 줄바꿈
기본 줄 바꿈 [br]
모바일에서만 줄 바꿈 [br class=”mobile-enter”]
타블렛에서만 줄 바꿈 [br class=”tablet-enter”]
PC에서만 줄 바꿈 [br class=”desktop-enter”]
※ 실제 사용시 대괄호 [ ] 표시를 < > 이렇게 바꿔서 사용.
4. 버튼
기본 - 글자 : 기본 + 컬러 : Color 03 / 선두께 3px / 선 컬러 : Color 03 / 배경 : Color 01
마우스 오버 - 글자 컬러 : Color 01 / 배경 컬러 : Color 03
