Module: Hero Overlay

Default Hero Overlay

This is the Hero Overlay component with default settings.

Image size (min): 3840 x 1024
Image ratio: 15:4

Template image (Left)Template image (Right)

Tall version

The "safe zone" is even more important here. Please pay attention to the smallest circle in the image.

Image size (min): 3840 x 2160
Image ratio: 16:9

Template image (Left)Template image (Right)

Larger font, Link buttons & Video player

This example is displaying the larger font size and link styled buttons. It also shows of the video play icon if a video ID is attached.

Button 1Button 2

Dark buttons, smaller font & dark text

This example is displaying the smaller font size, dark mode buttons and text.

Button 1Button 2

Centered text, small buttons & full width content

This example is displaying the smaller buttons, centered aligned text and full width content.

Button 1Button 2

Video background

Link buttons, Dark text, Video background & Centered text

Button 1Button 2