CTA 5050

This component is useful for introducing topics or marketing, and has an option for users to dive deeper into the content.

Left Image with CTA and Description

Optional description here

CTA Label

Left Image with Description

Optional description here

Left Image with CTA

CTA Label

Left Image Header only

Left Image with CTA and Description

Optional description here

CTA Label

Right Image with CTA and Description

Optional description here

CTA Label

Right Image with Description

Optional description here

Right Image with CTA

CTA Label

Right Image Header only

Right Image with CTA and Description

Optional description here

CTA Label

Usage Criteria

This component can be used for marketing or introducing related topics on a page, with the option of a link so users can  learn more. It can also be used to highlight supplementary content in a visually appealing way.

Do's and Don'ts

  • Do not directly stack multiples of this component side by side. If there are multiple instances present on the same page, have dividing content in between to separate them.

Design Notes

This component, similar to CTA Full Width, can be good for highlighting brief information. Decide which component is better to use based on the structure of the page (if more visuals are required or not).

Configurable Options

This component must include a heading and image, but the description area and CTA button are optional. The Background colour and Image Alignment are configurable; the image can be moved to the left or right.

Developer Notes

Type Name
AEM Component Name CTA 5050
Code Base Name  
resourceSupertype  
SCSS Attributes  
JavaScript  
Status  
Version