Style Guide
Icons
Heading 1
Sample paragraph text under heading. This paragraph text is standard, with no special format or styling.
Heading 2
Sample paragraph text under heading. This paragraph text is standard, with no special format or styling.
Heading 3
Sample paragraph text under heading. This paragraph text is standard, with no special format or styling.
Heading 4
Sample paragraph text under heading. This paragraph text is standard, with no special format or styling.
Heading 5
Sample paragraph text under heading. This paragraph text is standard, with no special format or styling.
Heading 6
Sample paragraph text under heading. This paragraph text is standard, with no special format or styling.
Heading 1 – no bottom margin
Sample paragraph text under heading. The heading is using No Margin on Heading
format. This paragraph text is standard, with no special format or styling.
Heading 2 – no bottom margin
Sample paragraph text under heading. The heading is using No Margin on Heading
format. This paragraph text is standard, with no special format or styling.
Heading 3 – no bottom margin
Sample paragraph text under heading. The heading is using No Margin on Heading
format. This paragraph text is standard, with no special format or styling.
Heading 4 – no bottom margin
Sample paragraph text under heading. The heading is using No Margin on Heading
format. This paragraph text is standard, with no special format or styling.
Heading 5 – no bottom margin
Sample paragraph text under heading. The heading is using No Margin on Heading
format. This paragraph text is standard, with no special format or styling.
Heading 6 – no bottom margin
Sample paragraph text under heading. The heading is using No Margin on Heading
format. This paragraph text is standard, with no special format or styling.
1 Big Highlight example -h2
Sample paragraph text under heading. The number inside the heading is using the Big Highlight
format. This paragraph text is standard, with no special format or styling.
2 Big Highlight example – h3
Sample paragraph text under heading. The number inside the heading is using the Big Highlight
format. This paragraph text is standard, with no special format or styling.
This is longer sample paragraph text. This is a bolded phrase, this is a phrase with no styling applied for comparison, this is an italicized phrase, and this is a link in the content area. The remaining text in this paragraph is just a placeholder. Belit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.
This paragraph uses the Extra Margin Paragraph
format. The remaining text in this paragraph is just a placeholder. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat.
This text is here to show extra bottom margin between it and above paragraph. This paragraph text is standard, with no special format or styling.
This paragraph is using the Small Paragraph
format to make smaller than standard text. The remaining text in this paragraph is just a placeholder. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
This paragraph text is standard, with no special format or styling, to show the difference between the small paragraph above it and the large one below it. The remaining text in this paragraph is just a placeholder. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This paragraph is using the Big Paragraph
format to make larger than standard text. The remaining text in this paragraph is just a placeholder. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.
“This is text in a blockquote. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.”
Button Styles
The buttons below use the various button classes in the Format dropdown.
List Styles
- ul unodered list item text
- lorem ipsum dolor sit amet
- Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco.
- consectetur adipiscing elit
- sed do eiusmod tempor incididunt
- ol odered list item text
- lorem ipsum dolor sit amet
- Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco.
- consectetur adipiscing elit
- sed do eiusmod tempor incididunt
Checklist Lists
This unordered list is using the Checklist
format in the Format dropdown.
- option 1
- option 2. Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco. Ut enim ad minim veniam quis nostrud exercitation ullamco.
- option 3