01. TYPOGRAPHY
Font
Poppins
Headlines
Desktop
XL
Heading 1
LG
Heading 2
Base
Heading 3
Mobile
SM
Heading 4
XS
Heading 5
Labels
Desktop
XL
The quick brown fox jumps over the lazy dog.
LG
The quick brown fox jumps over the lazy dog.
Base
The quick brown fox jumps over the lazy dog.
Mobile
SM
The quick brown fox jumps over the lazy dog.
XS
The quick brown fox jumps over the lazy dog.
Font
Noto serif
Body
Desktop
XL
The quick brown fox jumps over the lazy dog.
LG
The quick brown fox jumps over the lazy dog.
Base
The quick brown fox jumps over the lazy dog.
Mobile
SM
The quick brown fox jumps over the lazy dog.
XS
The quick brown fox jumps over the lazy dog.
02. Colors
Backgrounds
1. Primary
Celtic Blue
Hex: #3470BF
RGB: 52, 112, 191
CMYK: 74, 41, 0, 25
Text Contrast: White
2. Secondary
Berkeley Blue
Hex: #163662
RGB: 22, 54, 98
CMYK: 78, 45, 0, 62
Text Contrast:
White
3. Tertiary
Process Cyan
Hex: #4AB0D9
RGB: 74, 176, 217
CMYK: 66, 19, 0, 15
Text Contrast: White
4. Success
Jade
Hex: #44AF69
RGB: 68, 175, 105
CMYK: 61, 0, 40, 31
Text Contrast: White
5. Danger
Atomic Tangerine
Hex: #FF905F
RGB: 225, 144, 95
CMYK: 0, 44, 63, 0
Text Contrast: White
6. Warning
Jonquil
Hex: #FDCB05
RGB: 253, 203, 5
CMYK: 0, 20, 98, 1
Text Contrast: White
7. Base
Celtic Blue
Hex: #3470BF
RGB: 52, 112, 191
CMYK: 74, 41, 0, 25
Text Contrast: White
8. Dark
Dark
Hex: #292929
RGB: 41, 41, 41
CMYK: 0, 0, 0, 84
Text Contrast: White
9. Light
Light
Hex: #EAEAEA
RGB: 234, 234, 234
CMYK: 0, 0, 0, 8
Text Contrast: White
10. Black
Black
Hex: #000000
RGB: 0, 0, 0
CMYK: 0, 0, 0, 100
Text Contrast: White
11. White
White
Hex: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
Text Contrast: Black, Dark, Contrast
12. Contrast
Berkeley Blue
Hex: #163662
RGB: 22, 54, 98
CMYK: 78, 45, 0, 62
Text Contrast: White
Text
1. Primary
Celtic Blue
Hex: #3470BF
RGB: 52, 112, 191
CMYK: 74, 41, 0, 25
Background Contrast:
White #FFFFFF
2. Secondary
Berkeley Blue
Hex: #163662
RGB: 22, 54, 98
CMYK: 78, 45, 0, 62
Background Contrast:
Jade #44AF69
Atomic Tangerine #FF905F
Jonquil #FDCB05
Process Cyan #4AB0D9
3. Tertiary
Process Cyan
Hex: #4AB0D9
RGB: 74, 176, 217
CMYK: 66, 19, 0, 15
Text Contrast: White
Berkeley Blue #163662
4. Success
Jade
Hex: #44AF69
RGB: 68, 175, 105
CMYK: 61, 0, 40, 31
Background Contrast:
Berkeley Blue #163662
5. Danger
Atomic Tangerine
Hex: #FF905F
RGB: 225, 144, 95
CMYK: 0, 44, 63, 0
Background Contrast:
Berkeley Blue #163662
6. Warning
Jonquil
Hex: #FDCB05
RGB: 253, 203, 5
CMYK: 0, 20, 98, 1
Background Contrast:
Berkeley Blue #163662
Dark #292929
7. Base
Celtic Blue
Hex: #3470BF
RGB: 52, 112, 191
CMYK: 74, 41, 0, 25
Background Contrast:
White #FFFFFF
8. Light
Light
Hex: #EAEAEA
RGB: 234, 234, 234
CMYK: 0, 0, 0, 8
Background Contrast:
White #FFFFFF
9. Dark
Dark
Hex: #292929
RGB: 41, 41, 41
CMYK: 0, 0, 0, 84
Background Contrast:
White #FFFFFF
10. Contrast
Berkeley Blue
Hex: #163662
RGB: 22, 54, 98
CMYK: 78, 45, 0, 62
Background Contrast:
Jade #44AF69
Atomic Tangerine #FF905F
Jonquil #FDCB05
Process Cyan #4AB0D9
11. White
White
Hex: #FFFFFF
RGB: 255, 255, 255
CMYK: 0, 0, 0, 0
Background Contrast:
White #FFFFFF
12. Black
Black
Hex: #000000
RGB: 0, 0, 0
CMYK: 0, 0, 0, 100
Background Contrast:
White #FFFFFF
03. BUTTONS
1. Primary
2. Variants
04. ICONOGRAPHY
05. BACKGROUNDS
