Card - Simple

Also known as: borderless card, bare card, plain card, minimal card, shadowless card, sections with separators/dividers

Description

A block that groups short content into sections like cards, with no card outline or shadow. Used often at the top of program pages to introduce three important claims or differentiators.

Design

Example 1 - Subheads and supporting copy Source: ExMBA	Example 2 - Longer subheads, no supporting copy Source: PMBA
Example 3 - With blue background pattern Source: BBA Leadership	Example 4 - Contact Us row with gray background pattern Source: Marketing Leadership Institute (MLI)

Use when

Displaying multiple chunks of content with no supporting images. Common uses include:
- At the top of program pages to display 3 claims or differentiators
- At the bottom of a dept./center page to display "Contact Us" content or other CTA content
A page already has lots of cards with outlines and shadows, to add visual interest
Adding visual interest to a news story or Update magazine article

Editorial guidelines

Design Assets Needed

Implementation

Background options include no background, red pattern, blue pattern, gray pattern, and image. You can also select to display a yellow divider line between the cards.

Use this block when multiple columns are needed for copy. Reminder, keep copy short.

The block can be used in Update post pages. The Restrict Width checkbox in Configuration needs to be checked. The xl column needs to be set to 0 if there is 1 card.

Fields for Add/Edit Cards

Title

Add the title of the article.

Content

Text and images can be added to the content. Images will need the URL and added in the text editor.

Keep copy short!

Link

Links can be added here or to the Content section if you need it to look different. See Button Styles for more information.

Fields for Introduction

Section Title

The main header will go in this field. You can change the title heading size.

The main header will be centered above the card, but in the same block.

Section Paragraph

Similar to Content in Fields for Add/Edit Cards. As with the Section Title, the content will be centered above the cards.

Fields for Footer

The footer as a content section, which is similar to the Introduction except it will be centered below the cards.

Footer CTAs

Links can be added to this field (or to the footer content) to be centered at the bottom of the block.

Additional Notes

The columns are automatically set at

Columns Default: 1

Columns Small: 0

Columns Medium: 0

Columns Large: 0

Columns Extra Large: 0

When Restrict Width checkbox is checked, the extra large column will need to be set to 0 if there is only 1 card. This will make the width of the columns match the article width.

When the Divider Line checkbox is checked, the columns should be as followed: