Hero Landing with Links
Component Overview
The Hero Landing with Links component is part of the 'new look' components, and should only be used in combination with other 'new look' components.
This hero allows for up to three links to be added to the top of the page, and the links are guaranteed to stay in the main viewport of the user's screen. This allows you to prominently feature important links, and give quick access to the most important links.
Component Location
Hero → Hero Landing with Links
Component Overview
Supported Templates & Placeholders
| Template | Placeholder |
|---|---|
| Article Detail Page |
/maincontent/hero-content
|
| Detail Page |
/maincontent/detail-page-nav/hero-content
|
| Experience Landing with Nav |
/maincontent/hero-content
|
| Experience Landing Page |
/maincontent/hero-content
|
| Experience Interior Nav |
/maincontent/interior-nav-content
|
| Experience Right Rail Page |
/maincontent/hero-content
|
Recommended Image Size
1500x1000 @72DPI
Character Limits
Title: 100
Body: 280
Links: 50
Component Example
To see how the component will display on different types of screens, select the button below.
Component Type
Hero
ABOUT THE COMPONENT
- Component Type: Hero
- Rich Text: No
- Images: Yes
- Video: No
- Buttons: Yes
- Links: Yes
- Icons: No
Special Notes
Contains a built-in image gradient either on the bottom or left that is user-selected in the Details pane.