H2
Plus Jakarta Sans Bold
48px / 56px
The quick brown fox jumps over the lazy dog.
H1
Plus Jakarta Sans Bold
56px / 64px
The quick brown fox jumps over the lazy dog.
H3
Plus Jakarta Sans Bold
40px / 48px
The quick brown fox jumps over the lazy dog.
H4
Plus Jakarta Sans Medium
32px / 40px
The quick brown fox jumps over the lazy dog.
H5
Plus Jakarta Sans Medium
24px / 32px
The quick brown fox jumps over the lazy dog.
H6
Plus Jakarta Sans Medium
20px / 24px
The quick brown fox jumps over the lazy dog.
Headline
Subtitle
Plus Jakarta Sans Medium
16px / auto
The quick brown fox jumps over the lazy dog.
Subtitle
Body Small
Plus Jakarta Sans Regular
14px / 20px
The quick brown fox jumps over the lazy dog.
Body
Body
Plus Jakarta Sans Regular
16px / 24px
The quick brown fox jumps over the lazy dog.
Body Large
Plus Jakarta Sans Regular
18px / 28px
The quick brown fox jumps over the lazy dog.
Button Small
Plus Jakarta Sans Semi-Bold
14px / 18px
The quick brown fox jumps over the lazy dog.
Button
Button
Plus Jakarta Sans Semi-Bold
16px / 20px
The quick brown fox jumps over the lazy dog.
Button Large
Plus Jakarta Sans Semi-Bold
18px / 24px
The quick brown fox jumps over the lazy dog.
Caption
Plus Jakarta Sans Regular
12px / 14px
The quick brown fox jumps over the lazy dog.
Caption
Brand Colors
Primary
brand/primary-50
#EBEBEC
rgb(235, 235, 236)
brand/primary-100
#C2C2C3
rgb(194, 194, 195)
brand/primary-200
#A4A4A5
rgb(164, 164, 165)
brand/primary-300
#7B7B7C
rgb(123, 123, 124)
brand/primary-400
#616163
rgb(97, 97, 99)
brand/primary-500
#3A3A3C
rgb(58, 58, 60)
brand/primary-600
#353537
rgb(53, 53, 55)
brand/primary-700
#29292B
rgb(41, 41, 43)
brand/primary-800
#202021
rgb(32, 32, 33)
brand/primary-900
#181819
rgb(24, 24, 25)
Secondary
brand/secondary-50
#E7E9E9
rgb(231, 233, 233)
brand/secondary-100
#B5BABA
rgb(181, 186, 186)
brand/secondary-200
#929998
rgb(146, 153, 152)
brand/secondary-300
##606B6A
rgb(96, 107, 106)
brand/secondary-400
#414E4D
rgb(65, 78, 77)
brand/secondary500
#112220
rgb(17, 34, 32)
brand/secondary-600
#0F1F1D
rgb(15, 31, 29)
brand/secondary-700
#0C1817
rgb(12, 24, 23)
brand/secondary-800
#091312
rgb(9, 19, 18)
brand/secondary-900
#070E0D
rgb(7, 14, 13)
Tertiary
brand/tertiary-50
#FDFEF5
rgb(253, 254, 245)
brand/tertiary-100
#F8FDE1
rgb(248, 253, 225)
brand/tertiary-200
#F4FCD2
rgb(244, 252, 210)
brand/tertiary-300
#EFFBBD
rgb(239, 251, 189)
brand/tertiary-400
#ECFAB1
rgb(236, 250, 177)
brand/tertiary-500
#E7F99D
rgb(231, 249, 157)
brand/tertiary-600
#D2E38F
rgb(210, 227, 143)
brand/tertiary-700
#A4B16F
rgb(164, 177, 111)
brand/tertiary-800
#7F8956
rgb(127, 137, 86)
brand/tertiary-900
#616942
rgb(97, 105, 66)
Neutral
Background
#112220
rgb(17, 34, 32)
Light BG
#112220 - 10%
rgb(17, 34, 32)
Off White
#FAFAFA
rgb(250, 250, 250)
Border Gray
#EEF1EA - 10%
rgb(123, 123, 124)
Medium Gray
#616163
rgb(160, 160, 160)
Dark Gray
#3A3A3C
rgb(58, 58, 60)
Black (Optional)
#000000
rgb(0, 0, 0)
Status
Success
#4CAF50
rgb(76, 175, 80)
Warning
#FFC107
rgb(255, 193, 7)
Error
#F44336
rgb(244, 67, 54)
Info
#2196F3
rgb(33, 150, 243)
State
Hover Primary
#353A33
rgb(44, 44, 46)
Hover Secondary
#D7EF8A
rgb(248, 253, 225)
Disabled Gray
#CCCCCC
rgb(204, 204, 204)