skip to content

Ad-hoc Card Listing

Good for: Cards that can vary in appearance

Page type used: Ad-hoc Card

Can be used in all row options

Mobile: No major changes but cards will wrap

Logic:

  • All cards in a single row will be the same height
  • Max of  3 cards in a row
  • Can display 32 cards or more
  • If a button or a link does not exists, the card will not have a hover effect

Specs:

  • Card alignment: Center
  • Image dimensions: 450x245px
    • Used to be 316x245px.
  • Card text colour:
    • Charcoal (dark)
    • White (light)
  • Card border colour:
    • Charcoal
    • Grey (E7)
    • White
  • Card hover colour (not applicable when a button or a link does not exists)
    • Charcoal
    • Grey (E7)
    • White
  • Card CTA's have 11 button styles
  • Summary area is a rich text editor with a limited toolbar. Please be aware of the way this editor treats paragraphs and line returns. If you want a paragraph please use the correct shortcut keys instead of pressing enter twice.
    • Enter = Line break <br />
    • Shift + enter = Paragraph <p>

Optional title

Optional sub title

Title: Optional - Character limit: 2000
Summary: Optional - Character limit: 2000
This is the card title

This is the card summary

Special notes: Hitting enter in this editor does a soft return (<br />) and hitting shift + enter does a hard return (<p>). Do not hit enter twice to mimic a hard return!

You can do some basic formating on this card like bolding, italicslinks, and bullet lists but dont use the bullet list on these cards.
Earth
Earth—our home planet—is the only place we know of so far that’s inhabited by living things. It's also the only planet in our solar system with liquid water on the surface.
Adorned with a dazzling, complex system of icy rings, Saturn is unique in our solar system. The other giant planets have rings, but none are as spectacular as Saturn's.