Content card block

Content card block


Use this type of card to promote a single subject. The container and a call to action are required elements. The specific call to action is required because the drop shadow does not provide enough affordance to show that it is clickable. All other elements of the card are optional.

See the accessibility guidelines for tips on writing call to action copy.

Contents:

  • Block customization options
  • Block examples

Block customization options

Content card illustration
Element Required Options Available
Image N
  • Image selection
  • Alt text
Title N
  • Heading text
  • Heading element
Header N
  • Heading text
  • Heading element
Description N
  • Text area
Link Y
  • Display link as button
  • Display link in header

Examples of content card variations

Content card with image, title, header, description, link

Content Card

Electric Cars and Hybrid Cars: Pros and Cons

If you're considering going with an electric or hybrid car for your next vehicle, research your options carefully and review the pros and cons.

Placeholder image

Content Card

Did You Ever Consider the Fact That You May Need to Have Rental Car Coverage?

There are many factors to consider before choosing whether to accept or decline additional rental car coverage.

Element Usage
Image Photo
Title Y
Header Y
Description Y
Link Displayed as button

Content card with title, header, description, link (no image)

Content Card

Electric Cars and Hybrid Cars: Pros and Cons

If you're considering going with an electric or hybrid car for your next vehicle, research your options carefully and review the pros and cons.

Content Card

Did You Ever Consider the Fact That You May Need to Have Rental Car Coverage?

There are many factors to consider before choosing whether to accept or decline additional rental car coverage.

Element Usage
Image None
Title Y
Header Y
Description Y
Link Displayed as button

Content card with header (as link) only

Element Usage
Image None
Title N
Header Y
Description N
Link Displayed as header