1. 주 사용 색상
용도 | 컬러 |
---|---|
기본 | #1F1F1F |
텍스트 | #5B5B5B |
포인트 | #FFC700 |
2. 사용폰트
종류 | 글꼴 + 크기 + 두께 + 줄간격 + 글자간격 |
---|---|
H1 | Pretendard + 65 + 700 + 1.2EM + -2 |
H2 | Pretendard + 65 + 100 + 1.2EM + -2 |
H3 | Pretendard + 41 + 400 + 1.3EM + -2 |
H4 | Pretendard + 26 + 600 + 1.2EM + -2 |
H5 | Pretendard + 21 + 700 + 1.5EM + -0.5 |
H6 | Pretendard + 17 + 700 + 1.5EM + 0 |
H1 Heading
H2 Heading
H3 Heading
H4 Heading
H5 Heading
H6 Heading
3. HTML 줄바꿈
구분 | 코드 |
---|---|
기본 줄 바꿈 | [br] |
모바일에서만 줄 바꿈 | [br class=”mobile-enter”] |
타블렛에서만 줄 바꿈 | [br class=”tablet-enter”] |
데스크탑에서만 줄 바꿈 | [br class=”desktop-enter”] |
* 실제 사용시 대괄호 [ ] 표시를 < > 이렇게 바꿔서 사용. |
4. 버튼
- 기본 - 글자 : H6 + 컬러 : 6A6A6A/ 선두께 1px / 선컬러 : #6A6A6A / 배경 : #FFFFFF
- 마우스 오버 - 글자 컬러 : #FFFFFF / 배경 컬러 : #6A6A6A