Overview

This card may be used to feature multiple related news articles, related publications, and case studies, while hiding the summary to give a more visual treatment to the page pattern.

Elements

1

2

3

4

View Code

• 1

  Title
• 2

  Link Arrow
• 3

  Date
• 4

  Summary hover text

Variations

• Container: 4 extra small (full width)
• Container: 3 extra small (body width)

Behaviours

On desktop, the summary appears on hover as a coloured overlay, moving from the bottom to the top of the card. Selecting the summary triggers the link to the content. The summary does not appear on mobile.

Recommendations

Add content strategy guidelines and editorial rules here.