Hero Visual Elements

Owned by Melissa Chavira
Last updated: May 25, 2023
3 min read

Inside Cascade CMS, Hero Visual Elements are available as the first section at the top of a home page template.

Table of Contents

Banner Image

The default Home Page Template includes a space a full width banner image. This element can be previewed on our Demo website. The maximum height of the banner image is 425 pixels.

Banner Image Specs and Recommendations

  • Optional page heading will be left aligned

  • The recommended image size is 1620x425

View additional instructions on how to control this visual element in our knowledge base.

Full Width Slideshow

The Full Width Slideshow visual element can be previewed on our Demo website. It is only available on the Homepage Slideshow Template.

There are various slideshow options in other templates and through use of our code snippets.

All templates are responsive and the images used in the slideshow will scale with the viewport of the screen or device.

Slideshow Specs and Recommendations

  • Optional slide headings are available. Slide headings are centered.

  • The recommended image size is 1920x800.

View additional instructions on how to control this visual element in our knowledge base.

Video Background

The Video Background visual element can be previewed on our Demo website. It is only available on the Homepage Video Header Template. The template includes a video background, heading and a lightbox video popup that plays a video from You-Tube or Vimeo in the browser. It will be centered on the page the safe area will be 160px from the top and bottom. The width will be the full width of the video.

Video Header Specs and Recommendations

  • The visual safe area is outside the top and bottom margin which is 160px. In the example, the video is hosted on YouTube with a video height of 480px. This means the middle 160px of the the video is the video-safe region.

  • Video background should be hosted on YouTube or Vimeo.

  • Horizontal video as opposed to cellphone vertical oriented videos

  • 5-10 sec video Max

  • No audio (Interview videos are discouraged). Background video will automatically be muted.

  • Stable camera work. Static shots preferred or very slow pans and transitions.

  • If the video is edited footage, prefer if edits were minimal. Quick cuts on a video background is usually disorienting

  • Don’t end the video with ‘fade to black,' or any sort of end titles.

  • Video backgrounds will autoplay and loop.

Video LightBox

  • The video lightbox will launch after the “play video” button is clicked.

  • Videos must be hosted on a third-party service, such as YouTube or Vimeo

  • Videos will autoplay and include full sound.

View additional instructions on how to control this visual element in our knowledge base.