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, italics, links, and bullet lists but dont use the bullet list on these cards.Ad-hoc Cards Listing - Single card
No border with charcoal card and grey hover