Colors
Primary
Tertiary
#0683A5
Secondary
#08B3D8
Primary-hover
#26CDE3
Primary
#23D8F1
Primary-contaitner
#E2FAFD
Neutral
Primary
#000000
Secondary
#7B8EA3
Tertiary
#C3CCD5
Variant
#FFFFFF
Custom Color
container
#FFE2E0
on error-container
#FF3429
Type Scale
Version 1.0
Greendote Web Design System
Type Scale
Version 1.0
Greendote Web Design System
Type Scale
텍스트를 입력하세요.
텍스트를 입력하세요.
Headline
Overview
Headline
Assets
Token
Example
Size / Line
Weight
headlineEmphasized
헤드라인
헤드라인
헤드라인
DesktopScale 48 / 1.4
TabletScale 40 / 1.4
PhoneScale 28 / 1.4
extraBold
spacing0
0
12
spacing0
0
12
spacing12
12
12
conerRadius20
button-small
spacing16
16
16
spacing24
24
24
headlineLarge
헤드라인
헤드라인
헤드라인
bold
DesktopScale 48 / 1.4
TabletScale 40 / 1.4
PhoneScale 28 / 1.4
Title
titleEmphasized
타이틀
semiBold
CommonScale 28 / 1.2
titleLarge
타이틀
타이틀
타이틀
semiBold
DesktopScale 24 / 1.4
TabletScale 20 / 1.4
PhoneScale 18 / 1.4
titleMedium
타이틀
타이틀
타이틀
regular
DesktopScale 20 / 1.2
TabletScale 18 / 1.2
PhoneScale 16 / 1.2
titleSmall
타이틀
semiBold
CommonScale 16 / 1.2
Assets
Token
Example
Size / Line
Weight
Body
bodyLarge
바디
바디
바디
medium
DesktopScale 22 / 1.6
TabletScale 22 / 1.6
PhoneScale 18 / 1.6
bodySmall
바디
medium
CommonScale 16 / 1.8
Assets
Token
Example
Size / Line
Weight
Label
labelLarge
레이블
레이블
레이블
semiBold
DesktopScale 24 / 1.2
TabletScale 24 / 1.2
PhoneScale 20 / 1.2
labelMedium
레이블
semiBold
CommonScale 18 / 1.2
label/Small
레이블
semiBold
CommonScale 16 / 1.2
Assets
Token
Example
Size / Line
Weight