WORDPRESS KIT

Style guide

Style guide

스타일 가이드

1. 주 사용 색상

용도
컬러
기본
#000000
보조
#848484
포인트1
#F29EC2
포인트2
#3862AC

2. 사용폰트

A. Crimson Text / B. Roboto
용도
폰트종류 + 크기 + 두께 + 줄간격 + 글자간격
기본
Roboto + 16px + 500 + 1.3em + 0.5
보조
Roboto + 23px + 500 + 1.4em + 4
텍스트
Roboto + 13px + 500 + 1.3em + 0.5
강조
Roboto + 18px + 800 + 1.3em + 0.5
H1
Crimson Text + 45px + Bold + 1.2em

기본 Heading

보조 Heading

텍스트 Heading

강조 Heading

H1 Heading

3. Html 줄 바꿈

  • 기본 줄바꿈 <br>
  • 모바일 줄바꿈 <br class=”mobile-enter”>
  • 타블렛 줄바꿈 <br class=”tablet-enter”>
  • 데스크탑 줄바꿈 <br class=”desktop-enter”>

4. 버튼스타일

  • 폰트 : 텍스트
  • 선두께 1px
  • 포인트 컬러