Headings Style Guide (h1)

Sometimes there is large paragraph text at the top of the page.

Set paragraph text to “Large” when there is large paragraph text at top of page. This text will be left aligned.


Section Title (h2)


Always use Chicago title case for all titles. Main sections of the page will be h2s and will be centered and have the mini-separators. If paragraph beneath the heading text is only 1-2 lines long it will be centered. Otherwise it will be left aligned.

This section has multiple paragraphs and therefore will be left aligned.


Sub-Section Title (h3)

Any h3-h6 sub-section headings can be centered or left aligned (depending on the design layout) and will not have a mini separator.

20,000

Volunteers

$50,000

Donations

36

Corporate Partners


Section Title (h2)


Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Sub-Section (h3)

Example of h3 sub heading within a main section within an h2 heading and left aligned.

Sub-Section (h4)

Most sub-sections with headings h4-h6 will be left aligned, unless the design calls for centered alignment.

Sub-Section (h5)

Most sub-sections with headings h4-h6 will be left aligned, without a separator.

Sub-Section (h6)

Most sub-sections with headings h4-h6 will be left aligned, without a separator.


More Section Title Styles & Rules


Section titles should all be title case. You can convert text to title case here.


Left-Aligned h2 Titles


Section Title (h2)

If an h2 heading needs to be left aligned for a particular layout (see Pressroom), then the mini-sep will be omitted.

Section Title (h2)

If an h2 heading needs to be left aligned for a particular layout (see Pressroom), then the mini-sep will be omitted.


Headings on Background Colors

First Heading

The first heading in a section with a dark gray background. No mini-separator.

Additional Headings

All additional headings within section will be white.

First Heading

First headings on light-blue background will be dark blue. No mini-separator.

Additional Headings

Additional headings within light blue will also be dark blue.