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  >  Carousel Slider

CAROUSEL VARIATIONS

The Carousel Slider component is a large-format rotating feature for showcasing multiple messages or visuals. It can be used in place of a hero component and is available in large and extra-large height options. Slides support looping videos or images (minimum 1920px wide), which will crop based on the selected sizing. Description text allows full formatting options, and content is left-aligned. Images include an 50% or 80% gradient overlay for contrast, and the component can display full width or within page margins.

Carousels - Default Width, Large and Extra-Large Heights

Carousels - Full Width, Large and Extra-Large Heights

Carousels - Base Background Style (Showing Automatic Gradient/Text/Button Color Changes)

Carousels - No text, CTAs, etc.