Card [Design Intent 1.0] - corner radius - card group explorations

[bndege2]

As part of the v12 workstream, the Card component needs a design exploration to determine the right border radius treatment. This work uses the existing composable Card design specs as the starting point, and needs to account for the range of Card variants, grouping behaviour, and how teams are using large card "sections" in layouts today.

Considerations

• Border radius likely lands in the 4px, 6px, or 8px range.
• Compare against the AI card which currently has a border radius.
• Consider the various options that Card has, as well as the composability it affords.
• Cards, like Tiles, can sometimes appear in groups. if they do, should their borders be coordinated?
• Teams have experimented with using large card “sections” that sit in the layout. How do we recommend teams achieve these sorts of layouts? Is this a function of Card? Tile? Something else?

Tasks

• Audit current team usage of large card sections in layouts
• Explore how border radius behaves when Cards appear in groups and determine if borders should be coordinated and define the recommendation

Resources

📐 Card design specs (Figma)
🌐 Component gallery — external card examples