CTA Feature
Learn about CTA features, which include a succinct typographical call to action over a background image.
A CTA feature is a large, succinct typographical feature with a CTA button, a prominent background image, and an option to add a brief description.
You can choose to have the CTA feature card right or left aligned over the background image. Choose the layout that works best for the image you are featuring and that flows the best with the layout of the rest of the page.
CTA features are only available on pages without a sidebar.
Image Considerations
A CTA feature has a responsive background image, meaning the image will display in different crops and ratios depending on the amount of content entered in the component, a user’s screen size, and other factors. The image will also partially be obscured by content, with varying layouts depending on the same factors.
When choosing a background image, choose an image that supports the content but is not necessary to understand the content. A minimum width of 1500 px at a 16:9 crop is recommended for these images. Note that images that either have the focal point on the middle of the first third or the last third of an image work best for this component.