Interface design: Cards

Cards are used instead of inline (text) links on the website. There are two different card styles used for different purposes.

Card collection variations

Cards collections can be used with an H2 or H3 heading. They work best when there are many cards in a collection and can be swiped from left to right like Netflix cards.

There are two types of collection:

  1. Collection of content links: Cards are assigned to the collection manually
  2. Collection of tagged content: Cards appear automatically by selected tag

This is an H2 heading for the collection of content links

This is an H3 heading for a collection of tagged content

Zeplin examples