Content Hero

Content Hero pieces are positioned at the top of content pages. Similar to the homepage Hero component, the objective of this component is to onboard users into page specific content pieces. It is built up of an image and a H1.


![Content hero 1](/images/Content%20Hero/ContentHero.png) ![Content hero 2](/images/Content%20Hero/M_ContentHero.png)

Use guidance

As with the homepage Hero component, this component should stay simple and serve as an introduction to the page for users.

Use a simple, short header to introduce the page at a maximum of 2 lines
Use on each individual content page to introduce a user
Use this space for promotional content
Add text over imagery
Use irrelevant, non-specific imagery
Use multiple instances of this component on one page

Up next