Theme
Typography
Font
Size (rem)
Size (px)
Display - Mazzard-H, Semi bold Semi-Bold
7.5rem
120px
Display One Dark Left
H1 - Mazzard-H, Semi bold Semi-Bold
6rem
96px
Heading One Dark Left
H2 - Mazzard-H, Semi bold Semi-Bold
4.688rem
75px
Heading Two Dark Left
H3 - Mazzard-H, Semi bold Semi-Bold
3.75rem
60px
Heading Three Dark Left
H4 - Mazzard-H, Semi bold Semi-Bold
3rem
48px
Heading Four Dark Left
H5 - Mazzard-H, Semi bold Semi-Bold
2.5rem
40px
Heading Five Dark Left
H6 - Mazzard-H, Semi bold Semi-Bold
2rem
32px
Heading Six Dark Left
Body/XL - Mazzard-H, Semi bold Regular
1.5rem
24px
Text Large Dark Left XL
Body/XL - Mazzard-H Regular Regular
1.5rem
24px
Text Large Dark Left XL
Body/LG - Mazzard-H, Semi bold Semi-Bold
1.25rem
20px
Text Medium Dark Left LG
Body/LG - Mazzard-H Bold Italic Semi-Bold Italic
1.25rem
20px
Text Medium Dark Left LG
Body/LG - Mazzard-H Regular Regular
1.25rem
20px
Text Medium Dark Left LG
Body/SM - Mazzard-H Bold Bold
1rem
16px
Text Small Dark Left
Body/SM - Mazzard-H, Semi bold Semi-Bold
1rem
16px
Text Small Dark Left
Body/SM - Mazzard-H Regular Regular
1rem
16px
Text Small Dark Left
Body/XSM - Mazzard-H Bold Bold
0.875rem
14px
Text Small Dark Left XSM
Body/XSM - Mazzard-H, Semi bold Semi-Bold
0.875rem
14px
Text Small Dark Left XSM
Body/XSM - Mazzard-H Regular Regular
0.875rem
14px
Text Small Dark Left XSM
Body/XXSM - Mazzard-H Bold Bold
0.75rem
12px
Utilities Extra Small Dark Left XXSM
Body/XXSM - Mazzard-H Regular Regular
0.75rem
12px
Utilities Extra Small Dark Left XXSM
Eyebrow - Mazzard-H Bold Semi-Bold
0.75rem
12px
Eyebrow -Mazzard H SemiBold XXSM
Palette
Based on Proshares style guide; adjusted for web accessibility
Black, White, Grays
Blues
Greens
Highlights
Links
White Link (Background not included in link classname):
Featured Links Light
Theme: blue
Theme: green
Theme: dark-blue
Featured Links Dark
Theme: light-blue
Theme: cyan