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 theme
to match the lighter and brighter brand direction, andfeature card – large
layout updates at certain breakpoints.v2 updates
tile
accessibility updates.color scheme
was added (regular
) which would align with the page's theme. This is the new defaultcolor scheme
.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 within32px
of the icon.feature card – large
andfeature card – medium
@max
through@md
the image is locked toa.1:1
aspect ratio. On mobile, the image asset is locked to4:3