Style Guide

A guide to help promote visual consistency.

Headings

All heading sizes can use the base tag, or a class such as .h1. This allows your markup to be semantic with a proper document outline.

h1.Heading 1

h2.Heading 2

h3.Heading 3

h4.Heading 4

h5.Heading 5
h6.Heading 6

Fonts

The font being used on the site is Nunito Sans from Google with a fallback to a generic sans serif.

  • Nunito Sans Regular - 400
  • Nunito Sans Bold - 700
  • Nunito Sans Black - 900

Colors

$colorPrimary
#429644
$colorSecondary
#72BF44
$colorTertiary
#F3F3F3
$black
#231F20
$white
#FFF
$gray
#D9D6D6

Buttons

Primary Button Primary Inverted Button Secondary Button

Background Patterns

.rps-pattern-primary
.rps-pattern-secondary
.rps-pattern-light