Base Style Guide

• Typography
• Colors
• Buttons
• Images
• Tables
• Form Elements
• Icons

Headings

Paragraph

Lorem ipsum Nostrud Duis minim Ut id incididunt deserunt consequat id irure nostrud voluptate aliquip Ut eu aliqua eu sed anim aute laborum est officia consectetur irure aliquip ex veniam laboris cillum Duis occaecat fugiat adipisicing ex in dolore ullamco ad ullamco velit nisi irure ad tempor minim fugiat fugiat aute Excepteur in id culpa id velit proident commodo enim cillum Ut quis dolor cillum enim ullamco est in eu laboris Ut Excepteur nisi aliquip occaecat deserunt incididunt eiusmod aute Excepteur Excepteur non ut ut fugiat nostrud laboris dolore Excepteur id qui eiusmod esse mollit fugiat eiusmod dolore quis quis aliquip reprehenderit sint commodo dolore proident officia Duis eiusmod esse cupidatat id consequat aliqua Excepteur dolore tempor consequat laboris dolore sit aliqua eu sed dolore laboris ad tempor et in incididunt dolore dolor irure anim adipisicing cillum dolor in laborum laboris veniam voluptate Ut irure ad dolor irure in ex sint dolor deserunt ut adipisicing est pariatur Excepteur dolore ullamco pariatur in non Excepteur mollit consequat laborum ullamco reprehenderit ea id ut anim ex consectetur occaecat.

Text: Highlight

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Inline text elements

Lists

List With ".checks" Class

• Here is a list item
• Here is a list item
• Here is a list item
• Here is a list item

Normal UL

• Lorem ipsum dolor sit amet
• Consectetur adipiscing elit
• Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
• Aenean sit amet erat nunc
• Eget porttitor lorem

Normal OL

1. Consectetur adipiscing elit
2. Nulla volutpat aliquam velit
   1. Vestibulum laoreet porttitor sem
   2. Ac tristique libero volutpat at
3. Eget porttitor lorem

Featured List OL

1. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
2. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
3. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

Blockquotes

Colors

• $teal
  #00BACC;

• $grey-light
  #F4F4F4

• $blue-grey
  #5F7375;

• $blue
  #005c81

• $orange
  #ff6241

• $navy
  #022125

• $blue-light
  #D3DFEC

• $orange-light
  #FFF7F5

• $white
  #FFF

• $grey
  #898A8D

• $purple
  #682FBD

• $green
  #4CAF50

• $red
  #DA2727

• $teal-gradient
• $navy-gradient

Buttons

Solid

Button Modal

Button Modal

Co-founder & CEO

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dignissimos quo autem numquam, ratione corrupti culpa.

Disabled

Images

Responsive

This is a descrption of the image above that is just a placeholder image that is being described in this description. Here is a second question to show what happens with much longer text than just the first sentence would provide.

Animated

Tables

Code lorem ipsum
            

Code lorem ipsum
            

Code lorem ipsum
            

Form Elements

Base Form Elements

Icon Set