Skip to Main Content

Hero Page Block

This page block is intended to be positioned at the top of every page, and requires an H1 heading type, and we strongly encourage an impactful sentence or two of paragraph text with the “intro-text” class applied.

Hero with Red Background Color

We believe the red color is more impactful than the other colors, so we recommend using this sparingly. This variation also includes an image.


Hero with Black Background Color

This black color variation is ideal for interior pages, perhaps top-level interior pages. Note, if you upload multiple images into this hero, then the images will use a Ken Burns effect to cycle through all the images on the front end of the site.

Hero with Light Gray Background Color

This color variation is used on the blog detail page, and should only be used sparingly, ideally on pages that may be nested several levels, to maintain an appropriate hiearchy.