GuardianLIFE.com Style guide

viewport size:

Large

Medium

Small

Navy
#002c5f

Accent Blue
#328abd

Blue-Grey
#6f91a9

Dark Grey
#363740

Medium Grey
#5a5a5f

Gold
#c1a236

Light Grey
#d8dbe4

Off White
#f5f5f5

Saving for college.

Hero Headline Brandon Grotesque Bold 70/70 px, 0 Tracking

Hero Headline - SMALL VIEWPORT Brandon Grotesque Bold 42/46 px, 0 Tracking

It’s for the people you love..

Hero Sub Headline Brandon Grotesque Light 50/55 px, 0 Tracking

Hero Sub Headline - SMALL VIEWPORT Brandon Grotesque Regular 50/55 px, 0 Tracking

Our Financial Representatives Care

Hero Large Eyebrow Brandon Grotesque Light 36/38 px, 0 Tracking

Hero Large Eyebrow - SMALL VIEWPORT Brandon Grotesque Regular 24/28 px, 0 Tracking

Because you should Make the most of what every stage of life has to offer.

Statement Title Brandon Grotesque Bold 50/55 px, 0 Tracking

Statement Title - SMALL VIEWPORT Brandon Grotesque Bold 32/36 px, 0 Tracking

Find a Financial Representative

Medium Title Brandon Grotesque Medium 36/36 px, 0 Tracking

When is the right time to start investing? With your family for college education.

Content Item Title Brandon Grotesque Bold 24/28 px, 0 Tracking

See how fast your savings can add up.

Inline Module Title Brandon Grotesque Medium 20/24 px, 0 Tracking

See how fast your savings can add up.

Bold Little Sub Brandon Grotesque Bold 16/20 px, 0 Tracking

Let’s face it; we are only human and our emotions can get the better of us. Wide performance swings in a portfolio may cause adverse reactions, such as over buying during an upswing and then selling at low prices during a down swing. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Intro Dropcap Minion Pro Medium 110 px

Intro Body Minion Pro Regular 21/28 px, 10 Tracking

Let’s face it; we are only human and our emotions can get the better of us. Wide performance swings in a portfolio may cause adverse reactions, such as over buying during an upswing and then selling at low prices during a down swing. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Body Minion Pro Regular #5a5a5f 16/24 px, 20 Tracking

Let’s face it; we are only human and our emotions can get the better of us. Wide performance swings in a portfolio may cause adverse reactions, such as over buying during an upswing and then selling at low prices during a down swing. Vestibulum id ligula porta felis euismod semper. Donec ullamcorper nulla non metus auctor fringilla.

Graph Cell Minion Pro Medium 14/20 px, 10 Tracking

Reason Reason

Eyebrow Brandon Grotesque Black 11/13 px, 100 Tracking

Insurance & Investment / Annuities

Breadcrumb Brandon Grotesque Black 15/20 px, 30 Tracking

Emphasized Article Title Brandon Grotesque Regular 24/28 px, 0 Tracking
Emphasized Link Brandon Grotesque Medium 16/24 px, 30 Tracking

CUSTOMER TESTIMONIAL

"I never thought about life insurance until I got engaged. My partner and I worked with Guardian to create a financial plan for our future — maybe even our children’s future."

Vanessa Chu Teacher, GuardianLife customer

Testimonial Quote Minion Pro Medium #ffffff / #c1a236 24/36 px, 10 Tracking

Quoted Person Brandon Grotesque Black / Medium Italic #d8dbe4 16/20 px, 20 Tracking

Day by day, minute by minute, your retirement is growing ever closer. That can be great news. As long as you’re prepared.

Article Quote Minion Pro Bold 36/42 px, -10 Tracking

Table of Contents Item Brandon Grotesque Medium 20/26 px, 0 Tracking

Plan for the future

Section Module Title #c1a236 Brandon Grotesque Medium 24/28 px, 0 Tracking

Module Share Brandon Grotesque Medium #002c5f 11 px, 100 Tracking

65%
2004

Cras mattis consectetur purus sit amet fermentum.

Article Stat Brandon Grotesque Bold #c1a236 / #6f91a9 140 px, -40 Tracking

ullamcorper nulla:

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla.

Glossary Entry - Term Minion Pro Bold Small Caps 16 px, 30 Tracking

Glossary Entry - Definition Minion Pro Regular 14/20 px, 30 Tracking

Interaface Style guide

Learn more
Top

Button #328abd Brandon Grotesque Bold #fff 13 px, 50 Tracking

Zip Code
Zip Code

Form Field - Prompt Text Brandon Grotesque Black #5a5a5f 11 px, 100 Tracking Brandon Grotesque Regular Italic #5a5a5f 20 px, -10 Tracking

Form Field - Entered Text Brandon Grotesque Black #5a5a5f 11 px, 100 Tracking Brandon Grotesque Regular #363740 20 px, -10 Tracking

Form Field - Error Brandon Grotesque Black #ed1c24 11 px, 100 Tracking

Submit
Submit

Glossary Entry - Term Minion Pro Bold Small Caps 16 px, 30 Tracking

Glossary Entry - Definition Minion Pro Regular 14/20 px, 30 Tracking

Dropdown - Default State Brandon Grotesque Regular Italic #5a5a5f 20 px, -10 Tracking

Dropdown - Selected State Brandon Grotesque Regular #363740 20 px, -10 Tracking

Dropdown - Hover/Press Text Brandon Grotesque Medium #fff 20 px, 0 Tracking

Income Protection
Life Insurance

Multiselect - Default State Brandon Grotesque Regular #5a5a5f 20 px, -10 Tracking

Multiselect - Selected State Brandon Grotesque Medium #ffffff 20 px, 0 Tracking

A Financial Representative
An Employee Benefits Broker

Radio Buttons Brandon Grotesque Regular #5a5a5f 20 px, -10 Tracking

A Financial Representative
An Employee Benefits Broker

Radio Buttons Brandon Grotesque Regular #5a5a5f 20 px, -10 Tracking