서체

디지털 프로덕트 디자인에 사용할 수 있는 서체 디자인 시스템입니다. 스케치로 제작하며 Text Style 기능을 사용합니다. 한글 돋움,바탕체로 사용하기 위해 다양한 서체군을 가진 Noto CJK KR 을 사용했습니다.

Font family	Noto CJK KR Sans , Noto CJK KR Serif
Align	Left , Center , Right
Color	Black , Grey , White , Primary
Line height (D1~D3)	글자 크기 x 1.3
Line height (H1~H6)	글자 크기 x 1.4
Line height (P,misc)	글자 크기 x 1.6
Naming	종류 > 정렬 > 색 (H1/Left/Black)

종류

Name	Weight	pt	em
d1	Bold	72pt	4.5em
d2	Bold	56pt	3.5em
d3	Bold	40pt	2.5em
h1	Bold	32pt	2em
h2	Bold	28pt	1.75em
h3	Bold	24pt	1.5em
h4	Bold	20pt	1.25
h5	Bold	18pt	1.125em
h6	Bold	16pt	1em
btn	Medium	16pt	1em
p	regular	16pt	1em
q,em,link	regular	16pt	1em
caption	regular	14pt	0.875em

---

웹 사용 예시

H1 컨텐츠 제목
서체 디자인 시스템

H2 컨텐츠 제목
서체 디자인 시스템

H3 컨텐츠 제목
서체 디자인 시스템

H4 컨텐츠 제목
서체 디자인 시스템

H5 컨텐츠 제목
서체 디자인 시스템

P 본문 밤을 릴케 된 책상을 토끼, 별에도 이웃 시와 이름을 봅니다. 당신은 묻힌 시와 딴은 차 프랑시스 가슴속에 사랑과 까닭입니다. 하나에 많은 어머니, 봅니다. 나는 오면 동경과 사랑과 걱정도 아침이 별 시인의 불러 있습니다. 어머니, 별이 겨울이 계절이 오는 패, 멀리 청춘이 있습니다. 이런 부끄러운 없이 위에 잠, 나는 듯합니다. Code AreaLink 링크 http://www.apple.com⌦

H4 컨텐츠 제목
서체 디자인 시스템

1. 키스의 고유 조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다.
2. 참나무 타는 소리와 야경만큼 밤의 여유를 표현해 주는 것도 없다.

블록 인용문Leifend, libero at sagittis mollis, tellus est malesuada tellus, at luctus turpis elit sit amet quam. Vivamus pretium ornare est.

H4 컨텐츠 제목
서체 디자인 시스템

• 키스의 고유 조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다.
• 참나무 타는 소리와 야경만큼 밤의 여유를 표현해 주는 것도 없다.

H6 컨텐츠 제목
서체 디자인 시스템

1. 키스의 고유 조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다.
2. 참나무 타는 소리와 야경만큼 밤의 여유를 표현해 주는 것도 없다.
3. 정 참판 양반댁 규수 큰 교자 타고 혼례 치른 날

#header h1 a { 
	display: block; 
	width: 300px; 
	height: 80px; 
}

Device	PT=DP	Density	PX
Standard Mobile	360x640	1.0	360x640
Standard Tablet	768x1024	1.0	768x1024
Standard Desktop	1280x850	1.0	1280x850

정의 목록

키스의 고유 조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다.참나무 타는 소리와 야경만큼 밤의 여유를 표현해 주는 것도 없다.정 참판 양반댁 규수 큰 교자 타고 혼례 치른 날.첫 흙 담은 팥쥐 컵

정의 표

키스의 고유 조건은 입술끼리 만나야 하고 특별한 기술은 필요치 않다.참나무 타는 소리와 야경만큼 밤의 여유를 표현해 주는 것도 없다.정 참판 양반댁 규수 큰 교자 타고 혼례 치른 날.첫 흙 담은 팥쥐 컵

---

첨부 파일

---