Everything is set in Nunito Sans
Mega and Display styles are for hero moments and landing pages. Headings structure sections. Title is for bold labels. Paragraph Em is the default for buttons and interactive controls. Paragraph is body copy. The SM variants scale each of those down for compact components and secondary text. Overline is the uppercase label face, always paired with an uppercase transform at the use site. Caption is the floor, for footnotes and disclaimers only.
Mega
Mega 1
LightFont weight
132pxFont size
0.92Line height
2%Letter spacing
Mega 2
LightFont weight
116pxFont size
0.92Line height
2%Letter spacing
Display
Display 1
LightFont weight
96pxFont size
1.05Line height
2%Letter spacing
Display 2
LightFont weight
64pxFont size
1.1Line height
1.5%Letter spacing
Sub display
LightFont weight
30pxFont size
44pxLine height
1.5%Letter spacing
Heading
Heading 1
SemiBoldFont weight
30pxFont size
44pxLine height
1.5%Letter spacing
Heading 2
SemiBoldFont weight
26pxFont size
32pxLine height
1.5%Letter spacing
Heading 3
SemiBoldFont weight
22pxFont size
28pxLine height
1.5%Letter spacing
Body
Title
SemiBoldFont weight
16pxFont size
24pxLine height
-1%Letter spacing
Paragraph Em
MediumFont weight
16pxFont size
24pxLine height
-1%Letter spacing
Paragraph
RegularFont weight
16pxFont size
24pxLine height
0Letter spacing
Paragraph SM Em
MediumFont weight
14pxFont size
20pxLine height
0Letter spacing
Paragraph SM
RegularFont weight
14pxFont size
20pxLine height
0Letter spacing
Overline
SemiBoldFont weight
14pxFont size
20pxLine height
+8%Letter spacing
Caption
RegularFont weight
12pxFont size
16pxLine height
0Letter spacing
Code
Code
RegularFont weight
14pxFont size
20pxLine height
0Letter spacing