While all cards are displayed in a familiar format, the content within them changes the purpose of each.

Every card consists of a body, but can also include a header, footer and sometimes media content.

Content shows up in different ways when grouped into cards. Some require headers, some will only need footers and some might need both. When collectively displayed, they each should remain consistent and use the right card type.

Don'trecreate a card type out of individual elements.

Dochoose the right card for the content.

Don'torganize content in different ways when grouped together.

Dokeep cards consistent for easy scanning.

Cards may vary in size depending on the purpose and content. Actions should only ever be present in the footer. Reserve these for the three most important.

Don'toverload the footer with actions.

Dolist the most important the user can take.

In some cases cards may be selectable. If it makes sense to include selection, use our select mark in the upper left corner.

Titles should be concise and briefly explain the content. Write them in title case, but don’t worry about punctuation for these.

Cards are nearly synonymous with time as they’re most often displayed in feeds. Follow our date and time guidelines.

Like most things, cards follow our non-label text guidelines and use appropriate punctuation and sentence case.