Typography

Logged out H1- 48px Extra Bold

Logged out H2- 40px Extra Bold

Logged in H1- 32px Extra Bold

Subheading text- 24px Bold

Subheading 2- 18px Bold
Button text- 16px Bold
Body default (all devices)- 16px Normal
Body small- 14px Normal
Captions- 12px Normal
Error microcopy- 12px Bold
Overline- 12px bold

Buttons

Button Text
Primary CTA button 40px
Button Text
Primary button 40px
Button Text
Tertiary button 40px
Button Text
Primary CTA button 36px
Button Text
Primary button 36px
Button Text
Tertiary button 36px
Button Text
Primary CTA Outline button 36px
Button Text
Primary Outline button 36px
Button Text
Tertiary Outline button 36px
Button Text
CTA text button
Button Text
CTA text button
Button Text
CTA text button

inputs

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
This is microcopy
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Colors

Dark Blue #0A4C89
Text Links
#121212
Darkmode inputs backgrounds
#FFFFFF
Color uses
Blue #0577B4
Graphic Treatments
#222222
Subheaders and body text
#AAAAAA
Body text on backgrounds (for WCAG)
Brand Blue #00A3E0
Call-to-action texts and buttons.
#333333
Nav inputs/hovers
#C0C0C0
Box borders
Baby Blue #7FD1EF
Podcast Backgrounds
#444444
Nav inputs/hovers
#DDDDDD
Backgrounds
Blue Powder #BFE8F7
Backgrounds and graphic treatments.
#555555
Logo text
#EFEFEF
Boxes and backgrounds
Barely Blue #EBF8FD
Backgrounds and graphic treatments.
#666666
Body text on backgrounds (for WCAG)
#F5F5F5
Boxes and backgrounds
CTA Gold #FBB82F
Call-to-action buttons.
#777777
Icons and de-emphasized text, links, and buttons
#FAFAFA
Light mode input fields and backgrounds