Style Guide Basics
Primary Colors
#023F5E
#369395
#F0F7F7
Headlines
This is an example of a header (H1)
This is an example of a header (H2)
This is an example of a header (H3)
This is an example of a header (H4)
This is an example of a header (H5)
This is an example of a header (H6)
This is an example of a Body
This is an example call to action (Button)
Body Copy
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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. This is an example of a link.
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 ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Unordered List
This is a paragraph before an unnumbered list. Note that the spacing between a paragraph and a list before or after that is hard to tune in a user-style sheet. You can’t guess which paragraphs are logically related to a list, e.g. as a “list”.
- This is an example of a bulleted list.
- This is an example of a bulleted list.
- This is an example of a bulleted list.
- This is an example of a bulleted list.
- Quisque consequat eros est, at commodo luctus ex tincidunt vitae non erat ipsum.
- Nullam nunc purus, consequat dapibus vitae tristique ac, pulvinar eget ante.
- This is an example of a bulleted list.
- This is an example of a bulleted list.
Ordered list
This is a paragraph before a numbered list (ol). Note that the spacing between a paragraph and a list before or after that is hard to tune in a user style sheet. You can’t guess which paragraphs are logically related to a list, e.g. as a “list header”.
- This is an example of a bulleted list
- This is an example of a bulleted list
- Sub bullet list
- Sub bullet list
- Sub bullet list
- Sub bullet list
- Sub bullet list
- Sub bullet list
- This is an example of a bulleted list
- This is an example of a bulleted list
- This is an example of a bulleted list
- This is an example of a bulleted list