Iconography for top tasks and take action links can be pulled from the Font Awesome icon library. Icons should be sized relative to the text it accompanies, roughly 25x25 pixels and in FTC Navy. Below are examples of icons used throughout the site. New icons may be downloaded from Font Awesome.

Cormorant is the primary typeface for headlines.

Inter is used for body text, navigation, and sidebar headings.

Headings 

The page header is the title to your page. This is also referred to as Header 1 or H1. Because it is used as the title, there can only be one H1 per page. When titling your page it is important to accurately describe the pages’s content so that search engines can find your page. For this same reason we recommend never omitting an H1 on any given page. The Header 1 is: Cormorant Medium 48pt, with a line-height of 120% and a color of #1D3557.

Heading 2

The above title is created by selecting Heading 2 from the format dropdown in the WYSIWYG. The Header 2 is: Cormorant Semibold 32px, with a line-height of 123.5% and a color of #1D3557.

Heading 3

The above title is created by selecting Heading 3 from the format dropdown in the WYSIWYG. The Third Level Header is used to separate sub sections with a clear sense of hierarchy within a Sub Section. The Header 3 is: Cormorant Semibold 28px with a line-height of 115% and a color of #1D3557.

Heading 4

The above title is created by selecting Heading 4 from the format dropdown in the WYSIWYG. The Fourth Level Header provides yet another level to help break a page up into easily digested sections. The Header 4 is: Cormorant Semibold 22px with a line-height of 115% and a color of #1D3557.

Heading 5

The above title is created by selecting Heading 5 from the format dropdown in the WYSIWYG. The Fifth Level Header provides yet another level to help break a page up into easily digested sections. The Header 5 is: Cormorant Semibold 20px with a line-height of 115% and a color of #1D3557.

Paragraph Styles

This is the paragraph style, Inter Regular 17px, 33px line height. This sentence includes a default hyperlink style.

1. Lacus lacinia aliquam
2. Et felis et
   1. Cras dignissim auctor
   2. Amet lacinia sed
   3. Mi sit ipsum
3. Cras dignissim auctor
4. Amet lacinia sed
5. Mi sit ipsum

• Lacus lacinia aliquam
• Et felis et
  • Cras dignissim auctor
  • Amet lacinia sed
  • Mi sit ipsum
• Cras dignissim auctor
• Amet lacinia sed
• Mi sit ipsum

Unordered List with 'Icon List' style applied

• Lacus lacinia aliquam
• Cras dignissim auctor
• Amet lacinia sed
• Mi sit ipsum

Unordered List with 'Unstyled List' style applied

• Lacus lacinia aliquam
• Cras dignissim auctor
• Amet lacinia sed
• Mi sit ipsum

Unordered List with 'Unstyled List Columns' style applied 

• Lacus lacinia aliquam
• Cras dignissim auctor
• Amet lacinia sed
• Mi sit ipsum