스타일 가이드
이 스타일 가이드 페이지에는 웹 사이트 전체에서 사용할 스타일 및 구성요소가 포함되어 있습니다. 스타일 가이드의 수정은 모든 페이지에 적용될 수 있습니다.
타이포그래피
사이트 전체에서 사용되는 다양한 텍스트 크기와 텍스트 스타일입니다.
h1 - 56px / 140% / Bold
H1 제목글 예시입니다.
h2 - 40px / 140% / Bold
H2 제목글 예시입니다.
h3 - 48px / 140% / Bold
H3 제목글 예시입니다.
Title 1 -20px / 140% / Medium
Title1 타이틀 예시입니다.
text style bold
텍스트 스타일 Bold 예시입니다.
text style Colored - Primary
텍스트 스타일 Colered 예시입니다.
text style Colored - White
텍스트 스타일 Colered 예시입니다.
text style Colored - Ivory
텍스트 스타일 Colered 예시입니다.
text style Colored - Black Brown
텍스트 스타일 Colered 예시입니다.
Paragraph
로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.
Quote
로렘 입숨(lorem ipsum; 줄여서 립숨, lipsum)은 출판이나 그래픽 디자인 분야에서 폰트, 타이포그래피, 레이아웃 같은 그래픽 요소나 시각적 연출을 보여줄 때 사용하는 표준 채우기 텍스트로, 최종 결과물에 들어가는 실제적인 문장 내용이 채워지기 전에 시각 디자인 프로젝트 모형의 채움 글로도 이용된다. 이런 용도로 사용할 때 로렘 입숨을 그리킹(greeking)이라고도 부르며, 때로 로렘 입숨은 공간만 차지하는 무언가를 지칭하는 용어로도 사용된다.
List
- 리스트 텍스트의 예시입니다.
- 리스트 텍스트의 예시입니다.
- 리스트 텍스트의 예시입니다.
- 리스트 텍스트의 예시입니다.
- 리스트 텍스트의 예시입니다.
- 리스트 텍스트의 예시입니다.
레이아웃
페이지 전반에서 사용되는 주요 레이아웃입니다.
section - Defalut - 120px
Container defalut - 1080px
컬러 스와치
웹사이트 전체에서 사용되는 주요 색상입니다.
Primary Colors
Primary 1
#4c74f5
Secondary Colors
Secondary 1
#F0B3FF
Neutral Colors
Black
#141617
Black Brown
#241b17
White
#FFFFFF
이미지
다양한 규격의 이미지 세트를 미리 만들어 적용할 수 있습니다.
Image 1:1
Image 4:3
Image 16:9
Image 2:1