Styleguide

Verdana Bold

Verdana Regular

H1 Verdana Bold 60/65

H2 Verdana Bold 50/60

H3 Verdana Bold 40/50

H4 Verdana Bold 30/40

H5 Verdana Bold 20/30
H6 Verdana Bold 20/30

Body Verdana Regular 16/26

Body Link Verdana Regular 16/26

Intro Verdana Regular 24/30

META Link Verdana Regular 14/26

Input Verdana Regular 14/26

Department Tag Verdana Bold 18/25

#F2F9FF
#3C5A86
#25354D
#862861
#86A9C7
#CFAB79
#FFFFFF
#000000
#F2EEE7
#F29130
Item #1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Headings Look Like This

Headings Look Like This

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat.

Headings Look Like This

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat.

  1. First step do this first
  2. Second step do this next
  3. Third step followed by this
  4. Fourth step and finally, do this
  • First step do this first
  • Second step do this next
  • Third step followed by this
  • Fourth step and finally, do this

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat.

Learn More

Text link hover looks like this

Primary Dark

Learn More

Primary Light

Learn More

Secondary Dark

Learn More

Secondary Light

Learn More

Tablepress Table

Heading OneHeading TwoHeading Three
Row 1, Column 1Row 1, Column 2Row 1, Column 3
Row 2, Column 1Row 2, Column 2Row 2, Column 3
Row 3, Column 1Row 3, Column 2Row 3, Column 3

HTML Table

Heading One Heading Two Heading Three
Row 1, Column 1 Row 1, Column 2 Row 1, Column 3
Row 2, Column 1 Row 2, Column 2 Row 2, Column 3
Row 3, Column 1 Row 3, Column 2 Row 3, Column 3

Gravity Form

Checkboxes
Radios
Max. file size: 128 MB.

CTAs

Call to Action Banner Headline

Lorem ipsum dolor sit amet, consect adipiscing elit. Morbi nec magna in lacus fringilla mollis. Cras aliquet, odio in consequat placerat, ante risus imperdiet ligula, ac molestie orci nulla nec ipsum.

Button Text

Call to Action Banner Headline

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore est dolore magna aliqua. Ut enim ad minim veniam, nostrud exercitation ullamco laboris nisi ut aliquip.

Call to Action

Featured Services

Video

2 Column Image Text

Heading Goes Here (H5)
Heading Goes Here (H5)

Lorem ipsum dolor sit amet, consect adipiscing elit. Morbi nec magna in lacus fringilla mollis. Cras aliquet, odio in consequat placerat, ante risus imperdiet ligula, ac molestie orci nulla nec ipsum. Lorem ipsum dolor sit amet, consect adipiscing elit.

Learn More

Headline And Text

Heading Goes Here

Lorem ipsum dolor sit amet, consect adipiscing elit. Morbi nec magna in lacus fringilla mollis. Cras aliquet, odio in consequat placerat, ante risus imperdiet ligula, ac molestie orci nulla nec ipsum. Lorem ipsum dolor sit amet, consect adipiscing elit.

Tabs

Tab content 1
Tab content 1
Tab content 1
Tab content 1

Slider

Headline Goes here
SUBHEAD GOES HERE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat.
Headline Goes here
SUBHEAD GOES HERE
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip exea commodo consequat.