Cards are typically used to promote and link to content, and are not usually a stand alone design component.
Standard Cards with Squared Image
These standard cards typically have a concrete background, but can be inverted to be white if they are used in a non-white band.
No-Image Cards - White with Border
No-Image Cards - Light Gray
Standard Card Variations
Cards have an option to use round images (images will be displayed at 160px wide and tall).
Specific & Custom Use Cards
Specific Use Cards built via Drupal components:
- Perspectives and Viewpoints Cards with avatars
- Our Leader Cards that launch modals
- Media Resource Cards with download icons
- Staff Directory Cards with information toggle
- Mega-Nav Cross Promo Cards
- Research Cards with framed images
- Application Cards made from stacked callouts
Custom Use Cards that are hand-coded using an embedded markup container:
- All Star Cards with square images
- Multifamily About Us and Duty to Serve Cards without images
- Covid-19 Homeowners & Renters Cards with custom text overlaying image