Usage
Use the Video and Image Teaser to present a high-level summary of content related to a single topic for users to navigate to.
An accompanying video or image can be added if it relates to the content and will add value. The information in a card outlines the main idea of a product, service, or piece of information, allowing a user to click through for further information.
Media (image or video) can be configured to display on the left or right. If using a video, a transcript can be added which will display in an accordion under the component. A background image can be added to enhance to content.
How to use
Do:
- consider and choose text and visual elements carefully. Consider using Cards with minimal content and only add additional content or graphics where they give needed context to the user
- use headlines that set clear expectations about the content being linked to
- feature one piece of information per card
- outline the main idea with the minimal possible information, don't overload with information as the card links to more detail.
Do not:
- overload with information as the card links to more detail
- add inline text links, there should only be one call to action link
- use a single card component on its own
- add a background image for decorative purposes only
