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 | ||||
|---|---|---|---|---|
| ||||
|
Design
Commonly used hero layouts | |
Jumbotron (full-width photo) with optional linkSource: Executive MBA | |
50/50 |
50/50 with no link
Pattern with no link
Custom Pattern with link
Animated
Video
...
Limited-use hero layouts | |
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
...









