1. Home
  2. Style Guide
  3. Homepage Options

Homepage Options

Style guide to illustrate available homepage components. We can have an unlimited number of components, arranged in any order.

Link Feature

  • Description: 50/50 layout with large image on left and list of links on right.
  • Image: 728x796
  • Heading: Plain text
  • Description: Basic WYSIWYG
  • Link List: No limit to number of links.
    • Heading
    • Link

Text Banner

Description: Full width row, gray background, center-aligned copy.

  • Heading: Plain text. Text will wrap on desktop when character count > 40.
  • Description: Basic WYSIWYG
  • Link: One link

Feature Items

Description: Horizontal list of images and links. Should include four items (does not automatically resize).

  • Image: 294x204
  • Heading: Plain text. Line will wrap on desktop when over 35 characters.
  • Link: One link

Text Feature

Description: 50/50 layout with large image on right and text on left. Reverse of quick links header.

  • Image: 728x768
  • Heading: Plain text. Line will wrap on desktop when over 25 characters.
  • Description: Basic WYSIWYG. Keep to 75 words max for optimal layout across devices.
  • Link: One link that will appear as a button. Limit to approximately 20 characters for optimal button length.

Upcoming Events

Description: Auto-generated. Shows four upcoming events with option to exclude entries.

  • Heading: Plain text

Product Component

Description: Large images with text underneath. If only one item, centered. If multiple, two per line.

  • Image: 576x384
  • Heading: Plain text. Line will wrap on desktop when over 50 characters.
  • Link: one link

Media

Description: Embedded media item - Video or Soundcloud

  • Heading: Plain text
  • Description: Basic WYSIWYG
  • Media: Select from media content type

Recent News

Description: 50/50 layout with automatically generated list of most recent press releases on the left and custom text on the right. Includes option to exclude items from auto-generated list.

  • Heading: Plain text
  • Description: Basic WYSIWYG. Keep under 140 words to match height of auto-generated list.
  • Link: One link