JMS Away From Home UI Library

JMS Away From Home UI Library

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
in your project

Color

Colors

Grays

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.

  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 rem1.
Column Header 1 Column Header 2 Column Header 3
Cell Text 1 Cell Text 2 Cell Text 3
Cell Text 1 Cell Text 2 Cell Text 3
Cell Text 1 Cell Text 2 Cell Text 3
Cell Text 1 Cell Text 2 Cell Text 3
Footer Text 1 Footer Text 2 Footer Text 3