Style Guide
Page margins on both sides are:
7% = Desktop
5% = Landscape & Portrait Tablet
2% = Mobile
Top and bottom = 2.81rem from header and footer
#6A498E
#B6A5C6
#F4BD1D
#D7B272
#DEDEDE
#F7F7F7
#000000
#484848
#FFFFFF
"*" indicates required fields
Simple call-out with purple text and a line above and below the text.
This is showing "category subheading" text that is used within a yellow container that holds both a simple call-out and more explanatory text.
Page title –
Used as the main page title.
Page Subtitle –
Used under the page title and ideally only at the top of the page as the main introduction to the page.
Section Header –
Used as main title of each section on a page.
Section Subheader –
Used as a secondary title
(under the section header.)
Category Heading –
Used as a title for a new category
(within a section.)
Category Subheading –
Used as a secondary heading
(under the category heading.)
Paragraph text –
Used on any large body of text. This is what a link will look like and this is what bolded text will look like. You can make things italic, bold, or both by using the text editor.
Simple call-out with purple text and a line above and below the text.
- Icon List Item #1
- Icon List Item #2
- Icon List Item #3
Title to accompany bulleted list:
- Main idea #1 – with support text to follow.
- Main idea #2 – with support text to follow.
- Main idea #3 – with support text to follow.
- Main idea #4 – with support text to follow.
404 Message / Search not found / form submission confirmation