Feature card is meant to break up content and provide a clear call to action to a product or more information. In v2, it incorporates the border update coming from tile, a new default color theme to match the lighter and brighter brand direction, and feature card – large layout updates at certain breakpoints.
v2 updates
[ ] Updated color and type tokens to Carbon v11.
[ ] Added new border to align with Carbon v11 tile accessibility updates.
[ ] A new color scheme was added (regular) which would align with the page's theme. This is the new default color scheme.
[ ] For feature card – large both @md and @lg were updates to use aspect ratios for the container in v2 specs, with body copy having truncation once the copy is within 32px of the icon.
[ ] Updates to padding across breakpoints.
[ ] Includes both feature card – large and feature card – medium
[ ] Note that @max through @md the image is locked toa. 1:1 aspect ratio. On mobile, the image asset is locked to 4:3
Resources
Feature card is meant to break up content and provide a clear call to action to a product or more information. In v2, it incorporates the border update coming from
tile, a new defaultcolor themeto match the lighter and brighter brand direction, andfeature card – largelayout updates at certain breakpoints.v2 updates
tileaccessibility updates.color schemewas added (regular) which would align with the page's theme. This is the new defaultcolor scheme.feature card – largeboth@mdand@lgwere updates to use aspect ratios for the container in v2 specs, with body copy having truncation once the copy is within32pxof the icon.feature card – largeandfeature card – medium@maxthrough@mdthe image is locked toa.1:1aspect ratio. On mobile, the image asset is locked to4:3