Content Formatting

Headings

Headings are used to denote a section within a page. They come in different sizes and colors. Headings provide visual hierarchy for a page and allow users to skim for relevant information.

Size

Headings come in different sizes (H1, H2, etc).

H2 is the default size and should be used throughout the entirety of a page to signify new sections. Subsections should use H3 as their heading size.

H1 should only be used for page titles or signifying a distinctly different section of a page.

Use the HTML Tag under the General tab when editing a Heading to change the size. Do not enter a custom font size as this breaks consistency with the rest of the website.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Color

The default heading color is rgba(0,0,0,0.87). Creekside Blue can be used on H1 for page titles. Using Creekside Blue on heading sizes below H1 should be avoided as it does not meet accessibility requirements.

White headings can be used where needed. Use the color #ffff for H2 headings and rgba(255,255,255,0.87) for sub headings.

Body Text

Body text makes up the meat of most pages. Styling should rarely be changed as body text must remain consistent throughout the site.

Bold

Bold text can be used to highlight selections of text but should generally be avoided.

Italic

Italic text can be used when quoting a source or for captions below photos and videos.

Underline

Underline text should only be used for hyperlinks. Using underline text in for other purposes may mislead visitors about the function of the website.