Style Guide

Primary Colors

Blue-Black #153244

Dark Blue #14336B

Brand Blue #003594

Brand Green #84BD00

Gray #CBD0D3

Secondary Colors

Dark Green #136C22

Ultra Violet #750BFF

Deep Purple #5F0094

Background #EFEFEF

Background #F7F7F7

Headings

H2 Heading Actual

H3 Heading Actual

H4 Heading Actual

H5 Heading Actual
H6 Heading Actual

H2 DM Serif Display Regular 38px

H3 DM Serif Display 30px

H4 DM Sans Bold 24px

H5 DM Sans 20px
H6 DM Sans 16px

Body Copy

Body font is DM Sans 16pt in Blue Black.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper rutrum lacus nec vulputate. In vitae tempus ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum volutpat purus ut facilisis tristique.

Buttons

Lorem Ipsum Button
Lorem Ipsum Button
Lorem Ipsum Button
Default Button

Accordion

List Styles

Link List: Detailed; Arrow, Title Link

List: Numberd

  • 1 List Item short
  • 2 List Item short
  • 3 List Item medium, fermentum sagittis ullamcorper.
  • 4 List Item short
  • 5 List Item long, fermentum sagittis ullamcorper and fermentum sagittis ullamcorper. end.

ADA Compliance Chart