Promo Card
This page serves as a guide to understanding the Promo Cards and how they differ from the standard Universal Card.
Specifications for Promo Card
The Promo Card is an alternative to the Universal Card and allows for more levels of text. In the example below, they are used to display Plan Cards.
In exchange for an image area, the Promo Card has multiple levels of Text that are formatted to display a lot of information in a legible way that lets the different levels stand out from one another.
Example of the Promo Card as it is being used for the future Spain Viasat.com.
Authoring Experience
Screenshots of the Promo Card authoring experience follow. Authoring notes are found in red text on the screenshots and below images as captions.
To begin, create a Standard Width Card Container.
Annotated Promo Card Dialog
Promo Cards: Paintbrush Styles
There are no Style Options for the Promo Cards as they already feature many types and sizes of text. It is important to keep the text hierarchy intact so that these cards read well.
Live component examples
The Promo Card shown below is an alternate to the Universal Card in that it replaces the option to use imagery and has many more options for different levels of text. Please do not edit live examples.
Overline
Headline
- Detail Text
- Paragraph Text
- Rich Text
Overline
Headline
- Detail Text
- Paragraph Text
- Rich Text
Overline
Headline
- Detail Text
- Paragraph Text
- Rich Text
Looking for other components?
Follow the link below to return to all components.
