Typography

Headers

h1 Heading

h2 Heading

h3 Heading

h4 Heading

h5 Heading
h6 Heading

Body

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec ullamcorper nulla non metus auctor fringilla. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Donec ullamcorper nulla non metus auctor fringilla.

Lists

Unordered

  • 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

  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. Faucibus porta lacus fringilla vel
  7. Aenean sit amet erat nunc
  8. Eget porttitor lorem

Colors

Primary Colors

Primary Grey: #414142

Primary Blue: #1C4D73

Primary Teal: #39B0D5

Secondary Colors

Secondary Darker Blue: #022941

Secondary Light Blue: #0D78A6

Secondary Lighter Teal: #A3DCE6

Secondary Darker Grey: #0F161F

Secondary Grey: #808183

Secondary Light Grey: #D2D2D2

Secondary Lighter Grey: #EAEAEA

Negative Action: #990000

Positive Action: #339933

Tables

# First Name Last Name Email
1 Test User Test1@mapquest.com
2 A Route routes@gmail.com
3 Eskimo Quest test@mapquest.com

Striped Table

# First Name Last Name Email
1 Test User Test1@mapquest.com
2 A Route routes@gmail.com
3 Eskimo Quest test@mapquest.com

Bordered Table

# First Name Last Name Email
1 Test User Test1@mapquest.com
2 A Route routes@gmail.com
3 Eskimo Quest test@mapquest.com

Buttons

Modal

Forms

Example block-level help text here.

Tooltips

Step Through Icons

1
2
3
4
1
2
3
4
1
2
3
4

Alerts

Dismissable Alerts