| 주 사용 색상 | ||
|---|---|---|
| 용도 | 컬러코드 | 예시 |
| 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" |
가나다라마바사
|
||
| h2 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
| h3 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
| h4 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
| h5 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
| h6 | 테마설정 굵기 | # class="themecolor" |
가나다라마바사
|
||
| body(Content) | 테마설정 굵기 | # class="themecolor" |
가나다라마바사 가나다라마바사 |
||
테마옵션에 설정된 폰트 굵기 이외 다른 굵기를 지정해주고 싶을때 사용하는 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/>