How To / Page Block Library /

Hero Page Block

Used as the first block on a page, features basic content, images or videos.

H1 – Large Home Hero w/ Background Video

This variation is ideal for the home page and can supports a background video using MP4, Youtube or Vimeo with a pause button for accessibility. Video will fallback to an image on mobile and does not support audio.

Primary Button

H1 – Short Hero w/ Background Video

This variation is ideal for the home page and can supports a background video using MP4, Youtube or Vimeo with a pause button for accessibility. Video will fallback to an image on mobile and does not support audio.

Primary Button

H1 – Large Home Hero w/ Image

This variation is ideal for the home page and can support having an image or no image, keep what you need and remove what you don’t to meet your content needs.

Primary Button

H1 – Simple Interior Hero w/ Image 

This variation is ideal for interior pages and can support having an image or no image, keep what you need and remove what you don’t to meet your content needs.

Primary Button

Caption Text 900x600

H1 – Simple Interior Hero on White BG

This variation is ideal for interior pages and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.

Primary Button

H1 – Simple Interior Hero on Grey BG

This variation is ideal for interior pages and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.

Primary Button

Milky turquoise river flows around large rock with high reddish cliffs on both sides, the Little Colorado River near the Grand Canyon
Adam Haydock

H1 – Simple Interior Hero w/ Background Imagery

This variation is ideal for interior pages and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.

Primary Button

Milky turquoise river flows around large rock with high reddish cliffs on both sides, the Little Colorado River near the Grand Canyon
Adam Haydock

H1 – Large Home Hero w/ Background Imagery


This variation is ideal for the home page and can supports have a background image or solid color with an overlay, keep what you need and remove what you don’t to meet your content needs.


Milky turquoise river flows around large rock with high reddish cliffs on both sides, the Little Colorado River near the Grand Canyon
Adam Haydock

H1 – Hero Boxed Text Right

Paragraph Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Milky turquoise river flows around large rock with high reddish cliffs on both sides, the Little Colorado River near the Grand Canyon
Adam Haydock

H1 – Hero Boxed Text Left

Paragraph Text – Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.