OU: Promo Cards

The Promo Card Component creates a promotional or "advertising" card that links to an information page. These are meant for marketing purposes and are primarily used on landing pages.

Fields

• Format - "card link", "button link", "side image"
• Headline - a short promotional headling
• Link - link to the information page
• Image - an engaging photo. If placing multiple cards, all images should be the exact same dimensions, a landscape 4:3 ratio looks the best.
• Caption - a caption for the image
• Description - a short description of why the user should click on this card.
• Button Text - Link Text if format="button"

Notes

• Promo cards are always meant to be used within a column snippet.
• Please view these on mobile browsers to see how they display

Examples

Card Link

In these examples, the entire card is a clickable link to the information page.

Card Link without Copy

Shorter elements with no description.

Button Link

In these examples, there is a "Call-to-Action" button that links to the information page.

Side Image

In these examples, the image is floated left to the text description.