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.
- 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.
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: