Color palette
007 abc
#007ABC
0, 122, 188
0061 a 0
#0061A0
0, 97, 160
333333
#333333
51, 51, 51
F 2 f 2 f 2
#F2F2F2
242, 242, 242
0090 da
#0090DA
0, 144, 218
White
#FFFFFF
255, 255, 255
Cool grey
#A7A8AA
167, 168, 170
Battleship grey
#75787B
117, 120, 123
Light grey
#D9D9D6
217, 217, 214
F 2 f 2 f 2
#F2F2F2
242, 242, 242
Cerise
#DB0A5B
219, 10, 91
Purple
#5F259F
95, 37, 159
Marigold
#FFC600
255, 198, 0
Green blue
#00ACA0
0, 172, 160
A 4 ce 4 e
#A4CE4E
164, 206, 78
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
Phone Header 1
UtopiaStd, Bold, 32px
Center, Line height: 36px
Tablet Header 2
UtopiaStd, Bold, 32px
Center, Line height: 38px
Desktop Header 3
UtopiaStd, Bold, 32px
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 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
Tablet Feature Text - (Circular)
MetLifeCircular-Normal, Regular, 16px
Line height: 24px
Body A
NotoSans, Regular, 16px
Line height: 24px
Link
NotoSans, Bold, 14px
Center, Line height: 20px
Body B
NotoSans, Regular, 14px
Line height: 20px
Designs
Desktop
RTF desktop 2.0
0
RTF desktop 2.1
0
Untitled section
RTF desktop 2.2
0
RTF desktop 2.3
0
RTF desktop 2.4
0
RTF desktop 2.5
0
RTF desktop 2.6
0
RTF desktop 2.7
0
RTF desktop 2.8
0
RTF desktop 2.9
0
RTF desktop 2.10
0
Tablet
rtf tablet 2.0
0
rtf tablet 2.1
0
rtf tablet 2.2
0
rtf tablet 2.3
0
rtf tablet 2.4
0
rtf tablet 2.5
0
rtf tablet 2.6
0
rtf tablet 2.7
0
rtf tablet 2.8
0
rtf tablet 2.9
0
rtf tablet 2.10
0
Phone
rtf mobile 2.0
0
rtf mobile 2.1
0
rtf mobile 2.2
0
rtf mobile 2.3
0
rtf mobile 2.4
0
rtf mobile 2.5
0
rtf mobile 2.6
0
rtf mobile 2.7
0
rtf mobile 2.8
0
rtf mobile 2.9
0
rtf mobile 2.10
0