Typography
Our brand fonts are Gelica and Graphik. Gelica is used for larger headers, and Graphik is used for the rest.
Header text
To use any of these styles, simply wrap your text in the corresponding HTML element.
H1XL – Big page heading
Family
Gelica Regular
Size
60px
3.75rem
Line height
120%
Add the class .h1xl to your H1 tag, to really beef it up.
H1 – Page heading
Family
Gelica Regular
Size
48px
3rem
Line height
120%
Only one of these should be used per page. Don’t pair with H1XL.
Pick your best benefits with confidence
H2 – Section heading
Family
Gelica Regular
Size
36px
2.25rem
Line height
120%
H3 – Section subheading
Family
Gelica Regular
Size
30px
1.875rem
Line height
130%
Specialists available in your network
H4
Family
Graphik Medium
Size
24px
1.5rem
Line height
130%
More ways to become a benefits expert
H5
Family
Graphik Medium
Size
21px
1.3125rem
Line height
130%
Compare and contrast providers
H6
Family
Graphik Medium
Size
18px
1.125rem
Line height
140%
We do have an H6. I don’t know if we’ll ever use it, but here it is.
Content text
Paragraph
Family
Graphik Regular
Size
16px
1rem
Line height
150%
ALEX gives you the insights you want to pick your best benefits, so you don’t have to wonder if you’ve got the coverage you need.
Call-out / Paragraph large
Family
Graphik Regular
Size
20px
1.25rem
Line height
150%
ALEX helps you find the right plans for your needs and max out your savings, no math required.
Eyebrow
Family
Graphik Semibold, all caps
Size
16px
1.25rem
Line height
120%
Accident Insurance
Note
Family
Graphik Regular
Size
14px
0.875rem
Line height
140%
Note text is little, but not thin. It’s used for footnotes, legal text and other small text needs.
To use this style, add the class footnote to your paragraph HTML element.
This note can be turned on to include additional disclaimers or important reminders for your employees before they begin using ALEX.
Alternative fonts
When creating branded content in the Google Suite, use Proxima Nova in place of Graphik, and Hedvig Letters in place of Gelica.
When creating content in Microsoft Office, use Segoe UI in place of Graphik AND Gelica.