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 for other purposes can mislead visitors about what text does.