Quote

Quote may be used in one, two, or three columns.

Quote may be used to highlight content. If the content is being attributed to a specific person or company, then the quote mark should be displayed.

If the Quote background color is Dark Purple, then use a White Secondary CTA, if applicable.

If the Quote background color is White or Dark Grey, then use a Body Link CTA, if applicable.

If the Quote background image is displayed, then use a Body Link CTA, if applicable.

Without Quote Mark - Centered at 80% Width

Background Container = White; Quote = Dark Grey

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla varius leo, non euismod tortor lacinia eget. In feugiat aliquet lorem in tempor. Duis feugiat massa eu lobortis accumsan. Cras aliquam arcu tellus, eget pharetra lacus luctus rhoncus. Praesent ante ligula, venenatis vel tincidunt non, tempor quis metus.

50/50 Quote

Background Container = White; Quote = Purple

Author Name in Quote field

Author Designation in Quote field

Author Name in Quote field

Author Designation in Quote field

Organization Name in Quote field

33/33/33 Quote

Background Container = Purple; Quote = White

Author Name in Quote field

Author Designation in Quote field

Organization Name in Quote field

Author Name in Quote field

Author Designation in Quote field

Organization Name in Quote field

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla varius leo, non euismod tortor lacinia eget. In feugiat aliquet lorem in tempor. Duis feugiat massa eu lobortis accumsan.

Author Name in Quote field

Author Designation in Quote field

Organization Name in Quote field

With Purple Background

Background Container = Purple; Quote = White

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce fringilla varius leo, non euismod tortor lacinia eget. In feugiat aliquet lorem in tempor. Duis feugiat massa eu lobortis accumsan.

Author Name in Quote field

Author Designation in Quote field

Organization Name in Quote field

With Background Image

Background Container = Image; Quote = White

A custom background image may be used in the Background Container behind a Quote.

If there is not a custom image, but an image is used instead of the Purple background, then use W0004-offer-b from the generic banner images. Please note: There is no Hide Gradient option in the Background Container, so it cannot be applied in this use case.

If a background image is used in the Background Container, then most likely a White Background should be used for the Quote.

Author Name in Quote field

Author Designation in Quote field

Organization Name in Quote field