Web

Primary Color Field


Colors

The primary color field may be one of six colors:

  • Teal: #48c4b7
  • Salsa: #ed6a47
  • Dark Blue: #3a98c7
  • Citrus: #faae53
  • Green: #ced665
  • Light Blue: #afe6f1

The primary field color dictates the other colors used on the page -- shown as columns in this guide.


Bottom of Primary Color Field Position (1180-px grid)

The bottom of the primary color field is positioned relative to the content within and below it:

If No Additional Content in Primary Color Field
  • 32 px between page head (or subhead) and bottom of primary color field.
  • 32 px between bottom of primary color field and top of left navigation.
  • 40 px between bottom of primary color field and first body item.

When Primary Color Field Contains Additional Content
  • 40 px between bottom of lowest content item and bottom of primary color field.
  • 32 px between bottom of primary color field and top of left navigation.
  • 40 px between bottom of primary color field and first body item.

  • Bottom of Primary Color Field Position (984-px grid)

    The bottom of the primary color field is positioned relative to the content within and below it:

    • 40 px between bottom of lowest content item and bottom of primary color field.
    • 32 px between bottom of primary color field and top of left navigation (when applicable).
    • 40 px between bottom of primary color field and first body item.