Spoqa Design Guidelines

Font

스포카에서 제작한 모든 서비스와 문서에는 Spoqa Han Sans를 사용합니다. Spoqa Hans Sans는 스포카에서 디자인한 폰트로 Noto Sans와 Lato를 모체로 합니다. Spoqa Han Sans 는 영문, 국문, 숫자와 글리프를 포함한 Spoqa Han Sans와 일문, 간지(かんじ)를 포함한 Spoqa Han Sans JP 두가지 버전으로 이루어져 있습니다. 자족은 Thin, Regular, Bold로 구성되어 있습니다.

Spoqa Han Sans Thin

가あA

Spoqa Han Sans Light

가あA

Spoqa Han Sans Regular

가あA

Spoqa Han Sans Bold

가あA

Usage

텍스트의 위계에 따라 폰트의 크기 및 자족을 아래와 같이 사용합니다.

Heading 1

45px, bold

Nulla metus metus

Heading 2

36px, bold

Quisque volutpat condimentum

Heading 3

26px, bold

Etiam ultrices. Suspendisse in justo

Heading 4

18px, bold

In vel mi sit amet augue congue elementum

Paragraph

14px, normal

Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam.

Small Text

12px, normal

Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue.

Text Colors

상황과 맥락에 따라 텍스트의 색상을 아래와 같이 사용합니다.

Basic Text Colors

일반적인 텍스트에는 Greyscale 7번을 사용합니다. 그보다 한 단계 밝은 텍스트에는 Greyscale 6번을 사용하며, 어두운 배경 위의 텍스트에는 Greyscale 0번을 사용합니다.

Greyscale 7

Greyscale 7
Name	$grey-7
Hex	#4d5256
Pantone	-
CMYK	00 00 00 70

Greyscale 6

Greyscale 6
Name	$grey-6
Hex	#878d91
Pantone	-
CMYK	00 00 00 60

Greyscale 0

Greyscale 0
Name	$grey-0
Hex	#f8fafb
Pantone	-
CMYK	00 00 00 05

Primary Text Colors

주요 텍스트 색상으로는 Main Blue 0번을 사용합니다.

Main Blue 0

Main Blue 0
Point 0
Name	$mainblue-0
Hex	#4c80f1
Pantone	285C
CMYK	90 45 00 00

Functional Text Colors

긍정, 상승의 텍스트에는 Green dark 1 번을, 부정, 하강의 텍스트에는 Red dark 1번을 사용합니다.

Green Dark 1

Green Dark 1
Name	$green-d1
Hex	#1bbf83
Pantone	-
CMYK	-

Red Dark 1