Card

OverviewGuidelinesExamples
  1. Accented cards
  2. Asset cards
  3. Avatars card
  4. Fast facts card
  5. Icon card
  6. Image card
  7. List cards
  8. Logo cards
  9. Title bar card
  10. Quote cards
  1. Accented cards
  2. Asset cards
  3. Avatars card
  4. Fast facts card
  5. Icon card
  6. Image card
  7. List cards
  8. Logo cards
  9. Title bar card
  10. Quote cards

Accented cards

Use to highlight a single card or set of cards in a group or row.

Asset cards

Use to display that an asset can be downloaded. An icon and label group or text may be used to describe the asset.

Text and CTA

Avatars card

Use to highlight a group of people who engage in an event. A label should be included, but including text is optional.

Use the <rh-avatar> element to element to present the list of users.