Overview

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae quam natus optio nostrum totam, eius veniam non sunt! Inventore reprehenderit sapiente iure aperiam doloribus ea nostrum quasi perferendis doloremque officia.

Usage

Use

/js/library.bundle.js

and

/styles/library/library.css

Color

Colors

• Heritage Red

  #C51424
• Red Light

  #F9E9EA
• Bold Purple

  #953b5e
• Purple Light

  #F5EDF0
• Purple Dark

  #62203A
• Kind Teal

  #519a90
• Dark Teal

  #1D675B
• Growth Green

  #A0C238
• Trusted Green

  #325d2f
• Bright Idea Green

  #d8d83d
• Energized Yellow

  #f8db28
• Good Natured Cream

  #fff7e5

Grays

• Text

  #000000
• Text Light

  #707070
• Dark Gray

  #707070
• Gray

  #bababa
• Light Gray

  #f2f2f2

Typography

Hero [voice: hero]

Heading Level 1 [voice: primary]

Heading Level 2 [voice: secondary]

Heading Level 3 [voice: tertiary-loud]

Heading Level 4 [voice: tertiary-calm]

Heading Level 5 [voice: utility]

Heading Level 6 [likely not used]

Paragraph text Large: Lorem ipsum strong text dolor sit amet consectetur adipisicing elit. Voluptatem sequi illo emphasis text placeat sapiente est, illum in reiciendis libero. Voluptas at reprehenderit facilis aperiam similique nulla quaerat iste expedita odio quis? A link in a paragraph.

Paragraph text Medium: Lorem ipsum strong text dolor sit amet consectetur adipisicing elit. Voluptatem sequi illo emphasis text placeat sapiente est, illum in reiciendis libero. Voluptas at reprehenderit facilis aperiam similique nulla quaerat iste expedita odio quis? A link in a paragraph.

Paragraph text Small: Lorem ipsum strong text dolor sit amet consectetur adipisicing elit. Voluptatem sequi illo emphasis text placeat sapiente est, illum in reiciendis libero. Voluptas at reprehenderit facilis aperiam similique nulla quaerat iste expedita odio quis? A link in a paragraph.

• List Item #1
• List Item #2
• List Item #3
• List Item #4
• List Item #5

1. List Item #1
2. List Item #2
3. List Item #3
4. List Item #4
5. List Item #5

Block quote Lorem, ipsum dolor sit amet consectetur adipisicing elit. Voluptatibus accusamus consectetur ullam fugiat praesentium rerum, marked text voluptate eos similiquqe facilis, excepturi nostrum suscipit a iure porro. Ipsa officia aspernatur sint rem¹.