P103: Promo Box Big Image

A value proposition paragraph with a supporting promo box and image.

Component Detail

A Promo Box Big Image includes up to two descriptive paragraphs supported by one large standalone “promo” box that includes a supporting call to action. This “promo” box can be used to promote a case study, webinar or any other type of information that would be useful to the user in context.

Interaction

CTAs should link to related content. CTA buttons can be added beneath main body copy.

A read more toggle can be added to the component, truncating the body copy to 3 lines of text by default. When the toggle is clicked, the rest of the content will appear below as normal.

Note: Each optional element is authorable individually and in combination with each other.

Design Example

Image

Who we are

Copeland is a global leader in sustainable heating, cooling and refrigeration solutions for commercial, industrial, cold chain and residential industries. We help our customers and end users reduce carbon emissions, improve energy efficiency, enable the use of climate-friendly refrigerants and safeguard perishable food and medicine.

Image

Who we are

Copeland is a global leader in sustainable heating, cooling and refrigeration solutions for commercial, industrial, cold chain and residential industries. We help our customers and end users reduce carbon emissions, improve energy efficiency, enable the use of climate-friendly refrigerants and safeguard perishable food and medicine.

Usage Guidelines
WHEN TO USE

Used to delve into a topic directly below the Hero component.

WHEN TO AVOID

Avoid using this component for long-form content.

ALTERNATIVE OPTIONS