Use key dates to provide a card with brief summaries of up to 2 events or key dates with a call to action.
- Use only on landing pages.
- Include in a grid of promo cards.
- Only use once per page.
- Use clear and concise content.
- Only use as the last card in the grid.
- Include a summary.
- Don’t use with navigation cards.
- Don’t use the key dates card by itself.
- Don’t overload with content.
- Don’t use with other interactive elements like links.
- Don’t use it to replace a call to action.
The key date card uses colour to:
- add visual prominence to key information
- indicate an interaction to users.