How To / Page Block Library /

Hero Page Block

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

H1 – Optional Pre-Title

H2 – 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 – Optional Pre-Title

H2 – 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 – Optional Pre-Title

H2 – 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 – 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

A gray square with the text "900 × 900" in black centered in the middle, indicating the image dimensions in pixels.

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

A gray square with the text "900 × 900" in black centered in the middle, indicating the image dimensions in pixels.

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

A gray square with the text "900 × 900" in black centered in the middle, indicating the image dimensions in pixels.

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

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

A gray background with the text "900 x 600" centered in black, indicating image dimensions in pixels.

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

A gray background with the text "900 x 600" centered in black, indicating image dimensions in pixels.

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

A gray background with the text "900 x 600" centered in black, indicating image dimensions in pixels.

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.

Primary Button

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.

Primary Button

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.

Primary Button