Style Guide

Typography

This is a longer heading and will span multiple lines

H1

This is a longer heading and will span multiple lines

H2

This is a longer heading and will span multiple lines to test line height

H3

This is a longer heading and will span multiple lines to test line height and display properties

H4
This is a longer heading and will span multiple lines to test line height and display properties
H5
This is a longer heading and will span multiple lines to test line height and display properties and it might need to be really long
H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph - Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph - LArge
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
Block Quote
Lorem ipsum
Text Link
Button
Button - Alt
Button - Small
Call to Action
Call to Action
Call to Action

Colors

#333333
Text
#222222
Text dark
#666666
Text Light
Links
Link Active
#ffffff
Background
#111111
Dark
#cccccc
Light
#003f80
Link Hover

Forms

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.