Versions Compared

Key

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

Also known as:  page header, banner, headline, primary section

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 7 layout options. 

...

Expand
titleSections on this page

Table of Contents
minLevel2

Design

Commonly used hero layouts

Source: Executive MBA

Image Modified

Source: PhD Program

Image Modified

50/50 (half photo and half text)

Source: Marketing Major

Image Modified

Pattern 

Source: Knowledge Centers

Image Modified

Limited-use hero layouts

Custom pattern 

Source: AI Hub for Business

Image Modified

Randomized photos with captions

Source: Homepage

Image Modified

Animated (slideshow)

Source: 125th Anniversary

Image Modified

Video

Source: Companies & Recruiters

Image Modified

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.

...