Styleguide

Logo

logo

Color Palette

primary-1

#52B54A

primary-2

#0D7CB7

primary-3

#EE6C42

primary-4

#525252

primary-1-dark

#3A7E33

primary-2-dark

#086699

primary-3-dark

#DF3114

primary-4-dark

#2B2B2B

accent-1

#52B54A

accent-2

#A8CBE2

accent-3

#B2CCB0

accent-4

#FFFFEA

secondary-1

#F1F1F1

secondary-2

#EEE

secondary-3

#D5D5D5

secondary-4

#CCC

secondary-5

#AAA

secondary-6

#737373

Typography

Headline 1 / FF Good Headline Web Pro Con 58px

Headline 2 / Proxima Nova Sans Serif Bold 36px

Headline 3 / Proxima Nova Sans Serif Semi Bold 16px

Headline 4 / FF Good Headline Web Pro Con 25.6px

Body text / Helvetica Neue – 18px

Body text with an inline link.

Body text italic

Buttons & Links

Inline link style

Secondary link style

Linked subheading style

Button Primary

Button Secondary

Tables

This is a heading. This is a heading.
This is a cell. This is a cell.
This is a cell. This is a cell.
This is a cell. This is a cell.

Highlight Box

This is a Notice in a Highlight Box

This is some information displayed in a highlight box. Click below for more information.

Learn More

Lists

  1. List item one
  2. List item two
  3. List item three
  4. List item with link
  • List item one
  • List item two
  • List item three
  • List item with link

Forms & Input

Accordions

Test Title

Here is some content.

Test Title 2

Here is more content

Image Styling

Thumbnail

Square Thumbnail

Medium

Large

Inline Image Small

Inline Image Medium

Inline Image Large