Style Guide
Logo
Fonts
Aa
Proxima Nova
WEIGHTS
Light, Light Italic, Regular, Italic, Semibold, Semibold Italic, Extrabold, Extrabold Italic, Black, Black Italic
Use: Headers, Short Sentences, and Large Text
Aa
Source Sans Pro
WEIGHTS
Regular, Italic, Bold, Bold Italic
Use: Body Text
Header
Subheader
Donec sed odio metus. Nam facilisis lectus eu sem auctor facilisis. Vestibulum egestas metus id nisl interdum bibendum. Aliquam sed sodales mauris, efficitur rhoncus metus. Aenean dictum non felis non imperdiet.
Header
Subheader
Donec sed odio metus. Nam facilisis lectus eu sem auctor facilisis. Vestibulum egestas metus id nisl interdum bibendum. Aliquam sed sodales mauris, efficitur rhoncus metus. Aenean dictum non felis non imperdiet.
Colors
Primary
Blue
#0074CC
#0074CC
Black
#111827
#111827
Blue Scale
50
#DFF6FC
#DFF6FC
100
#C4E8F5
#C4E8F5
200
#8DCEEB
#8DCEEB
300
#5AB1E0
#5AB1E0
400
#2B95D6
#2B95D6
500
#0074CC
#0074CC
600
#0054A3
#0054A3
700
#00377A
#00377A
800
#002152
#002152
900
#000E29
#000E29
Grey Scale
50
#F9FAFB
#F9FAFB
100
#F3F4F6
#F3F4F6
200
#E5E7EB
#E5E7EB
300
#D1D5DB
#D1D5DB
400
#9CA3AF
#9CA3AF
500
#6b7280
#6b7280
600
#4b5563
#4b5563
700
#374151
#374151
800
#1f2937
#1f2937
900
#111827
#111827
Complimentary
Yellow
#FBBF24
#FBBF24
Red
#FF5757
#FF5757
Purple
#9C7DE9
#9C7DE9
Green
#22C55E
#22C55E
Yellow Scale
50
#FFFBEB
#FFFBEB
100
#FEF3C7
#FEF3C7
200
#FDE68A
#FDE68A
300
#FCD34D
#FCD34D
400
#FBBF24
#FBBF24
500
#F59E0B
#F59E0B
600
#D97706
#D97706
700
#B45309
#B45309
800
#92400E
#92400E
900
#78350F
#78350F
Red Scale
50
#fffbf7
#fffbf7
100
#fff5ed
#fff5ed
200
#ffe6d6
#ffe6d6
300
#ffd1bd
#ffd1bd
400
#ff9b8a
#ff9b8a
500
#ff5757
#ff5757
600
#e64747
#e64747
700
#bf3030
#bf3030
800
#991f1f
#991f1f
900
#731111
#731111
Purple Scale
50
#fdfaff
#fdfaff
100
#f7f0fc
#f7f0fc
200
#eedefa
#eedefa
300
#dfc9f5
#dfc9f5
400
#c0a3f0
#c0a3f0
500
#9c7de9
#9c7de9
600
#8366d1
#8366d1
700
#5f45ad
#5f45ad
800
#432d8c
#432d8c
900
#291969
#291969
Green Scale
50
#f0fdf4
#f0fdf4
100
#dcfce7
#dcfce7
200
#bbf7d0
#bbf7d0
300
#86efac
#86efac
400
#4ade80
#4ade80
500
#22c55e
#22c55e
600
#16a34a
#16a34a
700
#15803d
#15803d
800
#166534
#166534
900
#14532d
#14532d
Buttons
Filled Button
Outlined Button
Tonal Button
Filled Button
Outlined Button
Tonal Button