styleguideqa

Desktop

H1 – Fira Sans Bold/700 48px LH 48px #3d3b3b Capitalization

H2 – Fira Sans Regular/400 36px LH 36px #3d3b3b Capitalization

H3 – Fira Sans SemiBold/600 28px LH 20px #3d3b3b Capitalization

H4 – Fira Sans Bold/700 36px LH 36px #3d3b3b Capitalization

H4-alt – Fira Sans Bold/700 36px LH 36px #b9cfd4 Capitalization

H5 – Fira Sans Light/300 32px LH 42px #3d3b3b Capitalization
H5-alt – Fira Sans Light/300 32px LH 42px #FFFFFF Capitalization
H6 – Fira Sans SemiBold/600 24px LH 26px #FFFFFF Capitalization
H7 – Fira Sans Regular/400 30px LH25 #3d3b3b uppercase

Body – Open Sans Regular/400 16px LH30 #3d3b3b

Body-alt – Open Sans Regular/400 16px LH30 #FFFFFF

Mobile

H1 – Fira Sans Bold/700 32px LH 37px #3d3b3b

H2 – Fira Sans Regular/400 26px LH 30px #3d3b3b

H3 – Fira Sans SemiBold/600 22px LH 18px #3d3b3b

H4 – Fira Sans Bold/700 26px LH 30px #3d3b3b

H4-alt – Fira Sans Bold/700 26px LH 30px #b9cfd4

H5 – Fira Sans Light/300 22px LH 24px #3d3b3b
H5-alt – Fira Sans Light/300 22px LH 24px #FFFFFF
H6 – Fira Sans SemiBold/600 24px LH 26px #FFFFFF
H7 – Fira Sans Regular/400 24px LH12 #3d3b3b uppercase

Body – Open Sans Regular/400 16px LH30 #3d3b3b

Body-alt – Open Sans Regular/400 16px LH30 #FFFFFF

ul & ol list with anchor tag example:-
  • Hi my name is google
  • abcd
  • abcd
  • abcd
  1. abcd zxcvb google
  2. abcd
  3. abcd
  4. abcd
Hyperlink example:- Hi my name is google