Color palette
Purpley grey
#AAA9AA
170, 169, 170
Peacock blue
#0061A0
0, 97, 160
Cerulean
#008EDD
0, 142, 221
Text style catalog
Desktop Header 1
UtopiaStd-Disp, Bold, 45px
Line height: 52px
Desktop Header 1 - (Circular)
MetLifeCircular, Bold, 41px
Line height: 49px
Desktop Header 2
UtopiaStd-Disp, Bold, 40px
Center, Line height: 48px
Tablet Header 1
UtopiaStd, Bold, 36px
Center, Line height: 40px
Desktop Header 2 - (Circular)
MetLifeCircular, Bold, 35px
Center, Line height: 42px
Tablet Header 1 - (Circular)
MetLifeCircular, Bold, 33px
Center, Line height: 39px
Desktop Header 3 Alt (Georgia)
Georgia, Bold, 32px
Line height: 38px
Text Style
UtopiaStd, Bold, 32px
Center, Line height: 38px
Phone Header 1
UtopiaStd, Bold, 32px
Center, Line height: 36px
Tablet Header 2
UtopiaStd, Bold, 32px
Center, Line height: 38px
Desktop Header 3 - (Circular)
MetLifeCircular, Bold, 31px
Line height: 37px
Phone Header 1 - (Circular)
MetLifeCircular, Bold, 31px
Center, Line height: 37px
Tablet Header 2 - (Circular)
MetLifeCircular, Bold, 31px
Center, Line height: 37px
Tablet Header 3 - (Circular)
MetLifeCircular, Bold, 29px
Line height: 33px
Tablet Header 3 Alt (Georgia)
Georgia, Bold, 28px
Line height: 34px
Tablet Header 3
UtopiaStd, Bold, 28px
Line height: 34px
Desktop PullQuote
MetLifeCircular, Bold, 26px
Line height: 30px
Phone Header 2 - (Circular)
MetLifeCircular, Bold, 26px
Center, Line height: 30px
Phone Header 2
UtopiaStd, Bold, 26px
Center, Line height: 30px
Phone Header 3 - (Circular)
MetLifeCircular, Bold, 24px
Line height: 28px
Phone Header 3
UtopiaStd, Bold, 24px
Center, Line height: 28px
Desktop Header 4 Alt (Georgia)
Georgia, Bold, 22px
Line height: 26px
Desktop Header 4 - (Circular)
MetLifeCircular, Bold, 22px
Line height: 28px
Desktop Header 4
UtopiaStd, Bold, 22px
Line height: 26px
Desktop Subheader 3
UtopiaStd, Regular, 22px
Line height: 26px
Tablet/Phone Header 4 Alt (Georgia)
Georgia, Bold, 20px
Line height: 24px
Tablet/Phone Header 4 - (Circular)
MetLifeCircular, Bold, 20px
Line height: 24px
Tablet/Phone Header 4
UtopiaStd, Bold, 20px
Line height: 24px
Desktop Feature Text
NotoSans, Regular, 20px
Line height: 28px
Desktop Feature Text - (Circular)
MetLifeCircular-Normal, Regular, 18px
Line height: 26px
Tablet Feature Text
NotoSans, Regular, 18px
Line height: 26px
Phone Feature Text - (Circular)
MetLifeCircular-Normal, Regular, 16px
Line height: 24px
Tablet Feature Text - (Circular)
MetLifeCircular-Normal, Regular, 16px
Line height: 24px
Body A
NotoSans, Regular, 16px
Line height: 24px
14/20 Georgia Bold
Georgia, Bold, 14px
Line height: 20px
Link
NotoSans, Bold, 14px
Center, Line height: 20px
Body B
NotoSans, Regular, 14px
Line height: 20px
13/16 Noto Regular
NotoSans, Regular, 13px
Line height: 16px
Designs
Desktop
Large Banner desktop
0
Skinny Banner desktop
0
Banner Full Width desktop
0
Banner With Bullets desktop
0
Banner Without Bullets desktop
0
Tablet
Large Banner tablet
0
Skinny Banner tablet
0
Banner Full Width tablet
0
Banner With Bullets tablet
0
Banner Without Bullets tablet
0
Phone
Large Banner mobile
0
Skinny Banner mobile
0
Banner Full Width mobile
0
Banner With Bullets mobile
0
Banner Without Bullets mobile
0