Homepage Elements

Full Homepage Element Library

The terminology and elements do align with and are also illustrated in the full color template mockups.

VIEW THE Full Color Template Mockups

Hero Image

Single media image uploaded - a slideshow is not created. Short Title and/or Subtitle headlines overlay optional (samples shown without headlines).

Multiple media images uploaded - a slideshow is automatically created. Short Title and/or Subtitle headlines overlay optional (samples shown without headlines).

Hero Slider (linked Titles)

Text links to either either a basic page, event or news article.  The page's Short Title and Subtitle fields(s) are displayed in the lower left corner of the first image.

Call To Action List

• Minimum: 3
• Maximum: 6
• Academic website requirements

Facts and Figures Images

Graphics are used throughout Kent State websites to call out points of pride and facts about the university or specific university programs. Graphics can be hyperlinked to areas of the website with more information about that fact.

View, download or request a custom information graphic.

• Can have intro text in this to the left and two factoids to the right, similar to the Regionals. (Re: Max 3)
• Minimum: 2
• Maximum: 5 
  • Maximum: 3 - if text is present in the same section to the left.

White Background Factoids

• Placement: Anywhere
  • Preferred Placement at the top of the page
  • Preferred Placement above the blue footer
• Additional View: Can have intro text in this to the left and two factoids to the right, similar to the Regionals. (Re: Max 3)

Blue Background Factoids

• Minimum: 2
• Maximum: 5 or 3 - if text is present in the same section to the left
• Required Placement: Mid-page placement
• DO NOT USE: above the blue footer or directly under call-to-action links

Teaser: V1

• Minimum: 1
• Maximum: 3

Traditional Teaser

•  
• With hero image option selected
  • Minimum: 3
  • Maximum: 6

See a live preview of the Traditional Teaser.

Traditional Teaser with no Hero Image

• Without hero image option selected
  • Minimum: 2
  • Maximum: 5
  • Do not use with the same number of call-to-action boxes.

See a live preview of the Traditional Teaser with no Hero Image

Teaser Ribbon

• Minimum: 3
• Maximum: 5

See a live preview of the Ribbon Teaser.

Teaser Blue Banner

• Minimum: 2
• Maximum: 4

See a live preview of the Blue Banner.

Teaser Flip

• Minimum: 2
• Maximum: 6
• Wraps at 2

See a live preview of the Flip Teaser.

Multi-Column Grid

• No minimums or maximums

Wedge

A full width accordion has been placed under the wedge in the screenshot below.

• Up to three buttons can be added

Accordion

• Change the style of the accordion to be blue and full width (previous screenshot) by selecting the Full Width checkbox.

Highlighted Text Blurb

Tabbed Nodes | Mixed tab content

• Tabbed nodes will display content in a tabbed view using node ID references.
• Mixed Tab Content will display the content based on your selection for each tab type:
  • BlankNode Reference - Node ID reference
  • Blank WYSIWYG - a body field that you add content directly to
  • Dynamic Promoted Content - options include promoted news, promoted event or promoted blog

Slideshow  (View: Node Content Slideshow)

50/50 Promoted Content

100 Promoted Content

Horizontal Teaser

Maximum one per page.

Image Grid

Contact Us Block