Colors
Core Colors
Tertiary
#0683A5
Secondary
#08B3D8
Primary-hover
#26CDE3
Primary
#23D8F1
Primary-contaitner
#E2FAFD
On-Surface
Primary
#000000
Secondary
#7B8EA3
Tertiary
#C3CCD5
Variant
#FFFFFF
Error
container
#FFE2E0
on error-container
#FF3429
Type Scale
Headline
Assets
Example
Size / Line
Weight
headlineEmphasized
헤드라인
헤드라인
헤드라인
DesktopScale 48 / 1.4
TabletScale 40 / 1.4
PhoneScale 28 / 1.4
extraBold
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
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
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
Example
Size / Line
Weight