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

Thumbnail image

Square Thumbnail

Square Thumbnail image

Medium

Medium image

Large

Large image

Inline Image Small

Inline Image Small

Inline Image Medium

Inline Image Medium

Inline Image Large