Your internet browser isn't supported.

For security reasons, we no longer support Internet Explorer. Please upgrade to an alternate browser to see all functionality and content on the website.

Home  >  Design Guide  >  Highlight Block Variations

HIGHLIGHT VARIATIONS

The Highlight Block component is a visually focused feature used to spotlight key content, applications, product types, or other important information.

It displays a required image with an overlaid content box containing a title and a link. Component can display from 1-6 images. Links are optional but recommended, as users typically expect the block to be clickable. Optional labels can also be added, replacing the link title and arrow while increasing the title’s font size and color.

This component automatically adjusts based on the section background color.

Automatic Adjustments by Changing Section Background Color

Image sizes shown below: 972x530px. Please review responsiveness on smaller viewports to see how this size responds.

Base Default (White)

Colored Background Style, but Using Image as Background