Home > Design Guide > Highlight Block Variations
Your internet browser isn't supported.
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.
Block Options (1-6) on Base/White Background
Automatic Adjustments by Changing Section Background Color
Image sizes shown below: 972x530px. Please review responsiveness on smaller viewports to see how this size responds.