Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Also known as: 

Description

...

A block designed to be used once at the top of every Page to display the H1 heading/page title and catch the users attention. The block spans full-width and has 6 7 layout options. 


Expand
titleSections on this page

Table of Contents
minLevel2

Design

Commonly used hero layouts

Source: Executive MBA

Image Removed
Image Added

Source: PhD Program

Image Modified

50/50

with link

Image Removed

50/50 with no link

Image Removed

Pattern with no link

Image Removed

Custom Pattern with link

Image Removed

Animated

Image Removed

Video

Image Removed

...

(half photo and half text)

Source: Marketing Major

Image Added

Pattern 

Source: Knowledge Centers

Image Added

Limited-use hero layouts

Custom pattern 

Source: AI Hub for Business

Image Added

Randomized photos with captions

Source: Homepage

Image Added

Animated (slideshow)

Source: 125th Anniversary

Image Added

Video

Source: Companies & Recruiters

Image Added

Use When

  • Use as the first block on a page, to display the H1/page title and catch the users attention with a large photo, video, or background pattern.

Editorial Guidelines

(in progress)

Design Assets Needed

Implementation

to introduce a page.Use when using a Hero - News block to hide breadcrumbs from the Newsroom page.

See Additional Notes at the bottom for a special use case. 

ACF Fields

Choose a layout: 

  • Jumbotron - full width image with red box behind text

  • 50/50 Split - image fills half the width, text is on other half

  • Pattern - choose one of our standard background patterns

  • Custom Pattern - add a custom background pattern

  • Video - a full width video that loops with no sound

  • Animated - a full width background image with animated text, coming soon: ability to add multiple images with a phrase for each; photos will loop through like a slideshow

...