Typography
Pages should use a hierarchy of heading styles. Users get a better sense of how a page is organized and the overall structure when proper heading styles are used. Refer to the content style guide for tips on writing in a consistent brand tone.
Fonts
UHC Serif Headline Semibold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
UHC2020 Sans Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
UHC2020 Sans Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Heading and font styles
Heading 1 <h1> should always be used for page title and only used once. Subsequent content should be organized within other headings for general ease of use as well as screen reader and SEO needs
Heading 1
font-size: 36px, line-height: 2.875rem, mobile font-size: 28px, mobile line-height: 2.375rem
Heading 2
font-size: 24px, line-height: 2rem, mobile font-size: 22px, mobile line-height: 1.875rem
Heading 3
font-size: 20px, line-height: 1.5rem
Heading 4
font-size: 17px, line-height: 1.375rem
Heading 5
font-size: 16px, line-height: 1.375rem
Heading 6
font-size: 15px, line-height: 1.125rem
Paragraph text
font-size: 16px, line-height: 1.375rem
Bold paragraph text
font-size: 16px, line-height: 1.375rem
Disclaimer and footnote text
font-size: 13px, line-height: 1rem
XXL for data display
font-size: 48px, line-height: 3.6rem
Unique headings for IFP only
Heading 1
font-size: 36px, line-height: 2.875rem, mobile font-size: 28px, mobile line-height: 2.375rem
Heading 2
font-size: 24px, line-height: 2rem, mobile font-size: 22px, mobile line-height: 1.875rem