## Typography

HeadingsMauris vestibulum libero.

# h1. Heading text

## h2. Heading text

### h3. Heading text

#### h4. Heading text

##### h5. Heading text

###### h6. Heading text

Headings with secondary textMauris vestibulum libero.

# h1. Heading text Secondary text

## h2. Heading text Secondary text

### h3. Heading text Secondary text

#### h4. Heading text Secondary text

##### h5. Heading text Secondary text

###### h6. Heading text Secondary text

Body textMauris vestibulum libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ornare iaculis purus, eget gravida est lacinia at. Nam magna dolor, vestibulum ut consequat in, dictum a metus.

Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. Maecenas tempus est neque, sit amet malesuada augue tempor vitae. Proin mattis efficitur enim ut molestie.

Lead bodyMauris vestibulum libero.

Fusce interdum ante nisl, a gravida turpis venenatis eget. Sed pretium consectetur urna et rhoncus.

Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. Maecenas tempus est neque, sit amet malesuada augue tempor vitae. Proin mattis efficitur enim ut molestie.

Alignment typesMauris vestibulum libero.

Left aligned text.

Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. .

Center aligned text.

Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. .

Right aligned text.

Pellentesque vulputate arcu sed risus auctor tincidunt. Morbi eget massa turpis. Fusce aliquet dolor eu posuere tincidunt. Fusce ultricies luctus dui, dapibus pharetra risus semper non. .

Unordered listMauris vestibulum libero.

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
  - Phasellus iaculis neque
  - Purus sodales ultricies
  - Vestibulum laoreet porttitor sem
  - Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem

Ordered listMauris vestibulum libero.

1. Lorem ipsum dolor sit amet
2. Consectetur adipiscing elit
3. Integer molestie lorem at massa
4. Facilisis in pretium nisl aliquet
5. Nulla volutpat aliquam velit
6. Phasellus iaculis neque
7. Purus sodales ultricies
8. Vestibulum laoreet porttitor sem
9. Ac tristique libero volutpat at
10. Faucibus porta lacus fringilla vel
11. Aenean sit amet erat nunc
12. Eget porttitor lorem

Unordered listMauris vestibulum libero.

- Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Integer molestie lorem at massa
- Facilisis in pretium nisl aliquet
- Nulla volutpat aliquam velit
  - Phasellus iaculis neque
  - Purus sodales ultricies
  - Vestibulum laoreet porttitor sem
  - Ac tristique libero volutpat at
- Faucibus porta lacus fringilla vel
- Aenean sit amet erat nunc
- Eget porttitor lorem

Text elementsMauris vestibulum libero.

You can use the mark tag to highlight text.

This line of text is meant to be treated as deleted

This line of text will render as underlined.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

Text ColorMauris vestibulum libero.

This is an example of muted text.

This is an example of primary text.

This is an example of success text.

This is an example of warning text.

This is an example of danger text.

AddressesMauris vestibulum libero.
BlockquotesMauris vestibulum libero.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

WellsMauris vestibulum libero.
Default well. Quisque posuere hendrerit pulvinar.
Large well. Quisque posuere hendrerit pulvinar.
Small well. Quisque posuere hendrerit pulvinar.