UltraCX - Card Listings

Use cards to help users find the right information quickly. They can combine a variety of content, including text, media and links.

Cards are best used on a landing page to highlight any related pages, events or ongoing campaigns. Ensure headings are direct and summaries are concise.

Usage

Cards can be made up of:

  • A title, to provide a snapshot of the content
  • Written content, to provide further details
  • visual elements like images, to provide visual prominence.
  • buttons, to allow users to have a clear indicator of how to click-through to a new page with the full content indicated to by the card.

You only need a headline and some written content for a card. All other elements are optional and will depend on a user's and content editor's needs.

  • Group together cards with similar content.
  • Use only a single style of card within a set of cards.
  • Keep the content clear and concise.
  • Only use one piece of information per card.

When and how not to use

  • Avoid repeating content in a group of cards.
  • Avoid overloading cards with content.