Style Guide

TYPOGRAPHIC STYLES

Heading 1

h1{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:48px
font-weight:bold;
color:#111;
}

Heading 2

h2{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:36px;
font-weight:bold;
color:#555;
}

Heading 3

h3{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:32px;
font-weight:bold;
color:#555;
}

Heading 4

h3{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:24px;
font-weight:bold;
color:#555;
}


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque vitae efficitur nibh. Proin tincidunt ligula ac ipsum rutrum, nec hendrerit erat semper. Sed blandit fermentum lorem, quis aliquet nunc posuere eu. Vestibulum dui sapien, accumsan sed malesuada nec, volutpat et ligula. Aliquam commodo tincidunt justo sed mattis. Maecenas tristique neque massa. Etiam vel turpis commodo, consectetur lectus ac, tincidunt ipsum. Sed pellentesque, mi quis viverra gravida, magna lectus malesuada arcu, a pellentesque erat odio ut ipsum. Vestibulum sollicitudin magna ac mauris auctor, in viverra nibh placerat. Suspendisse eu ligula vestibulum, tempus enim quis, dignissim libero. Curabitur fringilla massa ipsum, sagittis auctor ligula ultrices vitae. Sed non lacus a lacus ornare auctor. Donec placerat orci lacus, pulvinar fermentum dui luctus sit amet. Nunc congue id ex ut rhoncus. Suspendisse auctor molestie mi, a suscept purus dapibus non. Donec viverra bibendum odio, maximus dictum diam vulputate in.

Aenean a sem at ligula placerat eleifend sit amet vitae urna. Nullam tincidunt risus nec mi aliquam aliquam. Mauris ante dui, volutpat vitae tellus sed, aliquet ullamcorper tortor. Nullam in arcu vitae sapien hendrerit ornare. Nulla vel velit vitae diam facilisis placerat. Morbi rutrum urna ac convallis aliquam. Ut sit amet tempor enim. In arcu erat, consectetur nec euismod nec, hendrerit lacinia mauris.

p{
font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
font-size:16px;
line-height: 1.6;
color:#0a0a0a;
}

UI COLORS

#F87B01

#002d73

#EEE

#FFF

#555

#111

BUTTON STYLES

CSS class: button primary

This is a button

.button primary large{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:18px;
font-weight:bold;
color:#fff;
background:#002d73;
min-width:240px;
border:6px;
}

.button primary large:hover{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:18px;
font-weight:bold;
color:#fff;
background:#002759;
min-width:240px;
border:6px;
}

CSS class: button secondary

This is a button

.button primary large{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:18px;
font-weight:bold;
color:#fff;
background:#F87B01;
min-width:240px;
border:6px;
}

.button primary large:hover{
font-family:"Montserrat",Helvetica,Arial,sans-serif;"
font-size:18px;
font-weight:bold;
color:#fff;
background:#d4601c;
min-width:240px;
border:6px;
}