Desktop Styling

H1 - Fira Sans Bold/700 48px LH 55.2px #292929

H2 - Fira Sans Regular/400 36px LH 36px #001489

H2-alt - Fira Sans Regular/400 36px LH 36px #EBEBEB

H3 - Fira Sans SemiBold/600 28px LH 28px #292929

H4 - Fira Sans Bold/700 36px LH 36px #292929

H4-alt - Fira Sans Regular/400 36px LH 36px #FFFFFF

H5 - Fira Sans Regular/400 32px LH 36.8px #001489
H5-alt - Fira Sans Regular/400 32px LH 36.8px #FFFFFF
H6 - Fira Sans Bold/700 22px LH 25.3px #FFFFFF
H7 - Fira Sans Regular/400 30px LH30 #292929
H8 - Open Sans SemiBold/600 16px LH28 #FFFFFF

Body - Open Sans Regular/400 16px LH30 #292929
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel.

Body - Open Sans Regular/700 16px LH30 #292929
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel.

Body-alt - Open Sans Regular/400 16px LH30 #FFFFFF
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel.

Hyperlink example - Fira Sans Regular/400 16px LH30 #001489 bold hyperlink - Fira Sans Regular/400 16px LH30 #001489
List style
  • labore et dolore magna aliqua. Ut enim ad minim veniam
  • labore et dolore magna aliqua. Ut enim ad minim veniam
  • labore et dolore magna aliqua. Ut enim ad minim veniam
  • labore et dolore magna aliqua. Ut enim ad minim veniam
  1. labore et dolore magna aliqua. Ut enim ad minim veniam
  2. labore et dolore magna aliqua. Ut enim ad minim veniam
  3. labore et dolore magna aliqua. Ut enim ad minim veniam
  4. labore et dolore magna aliqua. Ut enim ad minim veniam
Primary Buttons
Secondary Buttons