COVID-19: Our number one priority is the health and safety of our employees, customers and partners. See statement from our CEO.

Homepage Hero Style Guide


Details:

  • H1 animated heading should be 13 characters or less
  • Item subheadings can be longer, but should be limited to 70 characters for best results on mobile screens
  • Can display 1 to 4 items on desktop
  • Only 1st item will display on mobile
  • Items must link to internal DLR pages (not external sites)
  • Do not include a CTA text or icon in the video graphics because there will always be a right arrow icon to indicate a link

Technical Limitations:

  • Videos do not work on IE11 desktop or Android devices. The fallback still image will display instead.
  • Any graphics or text included in the video should be close to center line or it will get cropped on the sides for very large viewports and mobile.

Image Specs:

  • Fallback still images recommended size is 1920 x 960 px (2:1 ratio)

Video Specs:

  • Approximately 15 seconds in length, looping
  • H.264 compression
  • 1920 x 960 px (2:1 ratio)
  • MP4 format
  • Approx. filesize of 2MB
Log in to the customer portal
Want to get in touch?

Cookies

We use cookies to personalize and enhance your experience on our site. To learn more or to customize cookies on this site, please see our Cookie Notice page.

Contact Us