Basic Card
The most basic implementation of a card takes up the entire room available on the page. This is useful for dividing content on the page into easy to digest sections or calling attention to a specific grouping of content.
Stack of Cards
Cards can easily be paired with the Stack to produce columns of Cards.
Card Shape Variations
Cards can be modified to suit the needs of the page by adding one or more variations. These variations can be mixed together to make the Card fit the layout.
Elevations
Default
Raised
Adds a shadow, bringing prominence to a particular Card.
Removes Border
Use to de-emphasize content relative to other Cards.
Sharper Edges
By default, Cards have a rounded style. Sharper edges can also be applied, generally when a Card is nested in another Card to keep corners smooth.