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 centre 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

To give you the best possible experience, this site uses cookies. By continuing to browse the site, you are agreeing to our use of cookies. Learn more.

Contact Us