주 사용 색상
용도 컬러코드 예시
main color #ff5a60
#ff5a60
font color #868d95
#868d95
태그 font-size font-weight line-height color 예시
테마설정 폰트 :Noto Sans KR
참고 : Noto Sans KR 폰트의 6단계 굵기(font-weight)
Thin(100)
Light(300)
Regular(400)
Medium(500)
Bold(700)
Black(900)
h1 테마설정 굵기 #
class="themecolor"

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

h2 테마설정 굵기 #
class="themecolor"

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

h3 테마설정 굵기 #
class="themecolor"

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

h4 테마설정 굵기 #
class="themecolor"

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

h5 테마설정 굵기 #
class="themecolor"
가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789
가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789
h6 테마설정 굵기 #
class="themecolor"
가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789
가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789
body(Content) 테마설정 굵기 #
class="themecolor"

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

가나다라마바사
abcdefghijklmn
ABCDEFGHIJKLMN
123456789

테마옵션에 설정된 폰트 굵기 이외 다른 굵기를 지정해주고 싶을때 사용하는 class
 <h1 class="fw-100">{font-weight:100;}</h1>
 <h1 class="fw-300">{font-weight:300;}</h1>
 <h1 class="fw-400">{font-weight:400;}</h1>
 <h1 class="fw-500">{font-weight:500;}</h1>
 <h1 class="fw-700">{font-weight:700;}</h1>
HTML 표준 줄바꿈 <br/> 태그(모든 화면에서 줄바꿈)
모바일에서만 줄바꿈 : <br class="mobile-enter"/>
태블릿에서만 줄바꿈: <br class="tablet-enter"/>
데스크탑에서만 줄바꿈: <br class="desktop-enter/>

본 사이트는 워드프레스를 이용한 반응형웹으로 ‘워드프레서’에서 기획, 개발하였습니다.
워드프레서 바로가기