Overview

The editorial card appears on news, publications, and case studies sections of the site. Event metadata can be added to this card, and it can be used on events pages and to promote events across other site sections.

Elements

1

2

5

6

7

8

9

10

11

View Code

• 1

  Image (Optional)
• 2

  Title
• 3

  Summary
• 4

  Entity label Format
• 5

  Date (Optional)
• 6

  Event Format
• 7

  Divider (event/optional)
• 8

  Text button
• 9

  Container: Title
• 10

  Container: Introductory summary
• 11

  Conatinaer: Link to more content

Variations

• Extra small
• Small
• Medium
• Inline
• Container: Body width
• Container: Full width
• Container: Steel blue (featured)
• Container: 4 extra small (full width)
• Container: 3 extra small (body width)
• Container: 3 small
• Container: 2 medium
• Container: 3 extra small
• Container: 2 extra small and 1 medium
• Container: 2 medium and 2 extra small

Behaviours

This steel blue featured band allows cards to stand out and gives visual interest to landing pages or long content pages. The band is a visual indicator that the cards within this section are important or featured in some way. This can be used to separate brand content from other content, though for consistency, it is always steel blue.

Recommendations

Add content strategy guidelines and editorial rules here.