Body Components
The body components of this guide are meant to provide several modular options that can be used interchangeably to meet different content needs. Titles and body copy can use our substitute brand fonts: Arial and/or Georgia, as shown below.
- Main story with photograph
- Main story without photograph
- Section titles and story dividers
- Story formatting - no image
- Story formatting - left image
- Story formatting - top image
- Tables
Find guidelines on using color, typography and photography by visiting the Visual Identity section of our brand tools site.
Main Story with Photograph
Titles can use our substitute brand fonts: Arial and/or Georgia, as shown below.
- Photograph to stretch to the same width as header.
- Story title color: #4E2A84, font: Georgia Bold
- Story intro color: #716C6B, Font: Arial (Please keep intro short, 2-3 lines max)
- CTA button color: #4E2A84, Font: Arial (all caps), Color: #FFFFFF
Main Story Without Photograph
- Story title color: #4E2A84, font: Arial Bold
- Story intro color: #716C6B, Font: Arial (Please keep intro short, 2-3 lines max)
- CTA button color: #4E2A84, Font: Arial (all caps), Color: #FFFFFF
Section Titles and Story Dividers
Section titles are enclosed with a single horizontal rule on top and a double horizontal rule on the bottom. Stories are divided by a single horizontal rule.
- Single horizontal rule color: #CCCCCC
- Section title color: #4E2A84, Font: Arial (all caps)
- Double horizontal rule color: #CCCCCC
- Story divider horizontal rule color: #CCCCCC
Story Formatting - No Image
Hyperlink the story title.
- Story title color: #4E2A84, font: Arial Bold/Georgia Bold
- Story intro color: #716C6B, Font: Arial (Please keep intro short, 2-3 lines max)
- Story divider horizontal rule color: #CCCCCC
Story Formatting - Left Image
Hyperlink the story title and image.
- Image
- Story title color: #4E2A84, font: Arial Bold/Georgia Bold
- Story intro color: #716C6B, Font: Arial (Please keep intro short, 2-3 lines max)
- Text CTA (optional) color: #4E2A84, Font: Arial (all caps)
- Story divider horizontal rule color: #CCCCCC
Story Formatting - Top Image
Hyperlink the story title, image and CTA (Call To Action).
- Image
- Story title color: #4E2A84, font: Arial Bold/Georgia Bold
- Story intro color: #716C6B, Font: Arial (Please keep intro short, 2-3 lines max)
- Button CTA background color: #4E2A84, Font: Arial (all caps) color: #FFFFFF
Tables
Tables should be designed to be as clean as possible: no background colors, and cells must have enough padding to make content display as legibly as possible.
- Table border 1px, Color: # #CBCBCB