CTA: Full Width Image

This component highlights information and allows users to action on that content.

Usage Criteria

This component highlights information that we want the user to read and also provides an actionable link if the user is interested. This component is suitable for information with shorter copy.

Do's and Don'ts

• Do use this component for very long content.
• Do not put multiples of this component directly next to each other. If there is more than one on a page, please have some dividing content in between the components, as it already draws visual attention and needs space.

Design Notes

As mentioned in the Usage Criteria, this component is good for pushing information we want users to read, and we can use the CTA to allow them to go deeper into that content or perform an action. However, not including the CTA can make the component a good choice for presenting statements or facts.

If the information introduces and leads to a very large topic or section, the CTA: Text with Image component should be considered instead. 

Configurable Options

This component can be configured with an optional CTA, where a Target URL needs to be specified. The layout can also be configured to have the uploaded image take up the Full width or be Cropped and scaled.

Developer Notes

Designer Notes