Typography

Typography global settings for headings, body text, lists, and more.

HeadingsOpen Sans

Code	Example
`h1`	Design system heading example
`h2`	Design system heading example
`h3`	Design system heading example
`h4`	Design system heading example
`h5`	Design system heading example
`h6`	Design system heading example

Code	Example
`h1`	Design system heading example
`h2`	Design system heading example
`h3`	Design system heading example
`h4`	Design system heading example
`h5`	Design system heading example
`h6`	Design system heading example

Code	Example
`a`	This line of text is meant to render a linked text.
`mark`	This line of text is meant to render a highlight text.
`del`	~~This line of text is meant to render a deleted text.~~
`s`	~~This line of text is meant to render a no longer accurate text.~~
`ins`	This line of text is meant to render an inserted text.
`u`	This line of text is meant to render an underlined text.
`small`	This line of text is meant to render a small text.
`strong`	This line of text is meant to render a bold text.
`em`	This line of text is meant to render an italicized text.

Code	Example
`blockquote`	A well-known quote, contained in a blockquote element. Someone famous in Source Title

Code	Example
`lead`	In ultricies fermentum aliquet. Pellentesque dui magna, condimentum non ullamcorper at, cursus in sem. Nunc condimentum, purus ac sagittis ultricies, metus leo pharetra mi, non vehicula felis elit et nisi.

Code	Example
`p`	In ultricies fermentum aliquet. Pellentesque dui magna, condimentum non ullamcorper at, cursus in sem. Nunc condimentum, purus ac sagittis ultricies, metus leo pharetra mi, non vehicula felis elit et nisi. Etiam venenatis commodo libero, vel ullamcorper nibh lobortis vel. Aliquam auctor porta tortor, nec consequat nibh finibus a. Sed ultrices risus eget iaculis luctus. Mauris vel gravida magna.

Code Example

Code	Example
`list-unstyled`	This is an unordered list. It appears completely unstyled. This is an unordered list. It appears completely unstyled. This is an unordered list. It appears completely unstyled. Nested lists: Nested lists are unaffected by this style. Will still show a bullet and have appropriate left margin. Nested lists are unaffected by this style. Will still show a bullet and have appropriate left margin. Nested lists are unaffected by this style. Will still show a bullet and have appropriate left margin. This is an unordered list. It appears completely unstyled.

list-unstyled

This is an unordered list. It appears completely unstyled.
This is an unordered list. It appears completely unstyled.
This is an unordered list. It appears completely unstyled.
Nested lists:
- Nested lists are unaffected by this style. Will still show a bullet and have appropriate left margin.
- Nested lists are unaffected by this style. Will still show a bullet and have appropriate left margin.
- Nested lists are unaffected by this style. Will still show a bullet and have appropriate left margin.
This is an unordered list. It appears completely unstyled.