main-logo

Foundation

Typography

Typography(타이포 그래피)는 사용자와의 효과적인 커뮤니케이션을 위해 필수적인 요소입니다.

글자종류, 크기, 행간, 자간 등의 요소들을 정하여 사용자 경험 향상에 중요한 역할을 합니다.

Overview

한글/영문을 기본으로 하며, 스나이퍼팩토리는 오픈소스 서체인 Suit(수트)를 사용합니다.

스나이퍼팩토리의 아이덴티티, 신념 및 디자인 원칙을 반영할 수 있도록 Suit(수트)를 선택하여

폰트 스타일을 설계하였습니다.

Types

스나이퍼팩토리 서비스 내 시스템 폰트는 Suit(수트)폰트를 사용합니다.

Android|iOS|Web Font

가나다

Suit(수트)

abc / 123

Suit(수트)

Typography Components

위 폰트 타입을 바탕으로 폰트 사이즈, 행간, 자간, 색상이 결합된 컴포넌트를 적절한 상황에 사용합니다.

Heading

Body

Heading

제목(Heading)으로서 헤더나 강조할 부분에 사용합니다.

Body

주요 콘텐츠 및 내용, 세부설명에 활용합니다.

Typography of Figma Properties

Heading

StyleWeightsSizeLine / Space
H1 가나다
ExtraBold
Bold
54140% / -1%
H2 가나다
ExtraBold
Bold
Medium
40140% / -1%
H3 가나다
ExtraBold
Bold
Medium
36140% / -1%
H4 가나다
ExtraBold
Bold
Medium
28140% / -0%
H5 가나다
ExtraBold
Bold
Medium
Regualr
24140% / -0%
H6 가나다
ExtraBold
Bold
Medium
Regualr
20140% / -0%
H7 가나다
ExtraBold
Bold
SemiBold
18140% / -0%
H8 가나다
ExtraBold
Bold
SemiBold
16140% / -0%

Body

StyleWeightsSizeLine / Space
Body1 가나다
Bold
Medium
Regualr
18160% / 0%
Body2 가나다
Bold
Medium
Regualr
16160% / 0%
Body3 가나다
Bold
Medium
Regualr
14160% / 0%
Body4 가나다
Regualr
13160% / 0%
Body5 가나다
Bold
Medium
Regualr
12160% / 0%