Header Styles

Primary

Lorem ipsum dolor sit amet, consectetur adipiscing elit lorem ipsum dolor sit amer.

Secondary

Header Message Goes Here

Tertiary

Header Message Goes Here

Text Styles

Headlines

H1 Headline (Playfair Display Black, 58px)

Montserrat Medium, Huge (2rem/32px). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis euismod nisi, sit amet lobortis elit.

H2 Headline (Playfair Display Black, 45px)

Montserrat Medium, Extra-Large (1.563rem/25px). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis euismod nisi, sit amet lobortis elit.

H3 Headline (Montserrat Bold, 32px)

Montserrat Medium, Large (1.375rem/22px). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis euismod nisi, sit.

H4 Headline (Montserrat Bold, 25px)

Montserrat Medium, Normal (1rem/16px). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis euismod nisi, sit.

H5 Headline (Montserrat Bold, 22px)

Montserrat Medium, Small (0.875rem/14px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi facilisis euismod nisi, sit.

Link Styles

Hyperlink

Hover

Details

Label

Montserrat Medium, 18px
< Back to Resources For You

Content Callouts

Content Callout without Photo

This callout should be used before or after a section with a white background. The subhead and body copy should be aligned center. The background color should be #4E9DB1 or #7E975D. The background color is determined by the color background that comes before it (e.g. if #4E9DB1 is chosen, then #7E975D should be used in the next callout with a color background.)

Content Callout without Photo

This callout should be used before or after a section with a colored background. The subhead and body copy should be aligned center in between two ribbons on the left side and two ribbons on the right side of the webpage. The ribbons can use the following colors: #7E975D, #65AABC, #E0B03C, #B4502F, or #F68D3D.

Button

Content Callout with Photo

This callout should be used before or after a section with a white background. Photo will be placed to the left side of the copy. The background color should be #4E9DB1 or #7E975D. The background color is determined by the color background that comes before it (e.g. if #4E9DB1 is chosen, then #7E975D should be used in the next callout with a color background.)

Button

Content Callout with Photo

This callout should be used before or after a section with a colored background. Photo will be placed to the left side of the copy with two ribbons (can use colors #7E975D, #65AABC, #E0B03C, #B4502F, or #F68D3D for the ribbons) underneath the photo. Copy will be on the right side of the photo and ribbons.

Button