Card
#cardDefault card
Bordered surface for grouped content.
Filled card
No border; uses card-filled token.
Guidelines
When to use
default (bordered white) for interactive containers, list rows, and clickable tiles on any page surface — the workhorse. filled (bg-card-filled) for non-interactive informational tiles, grouped content, and calm secondary surfaces. Don’t add extra bg-card-inset blocks inside a filled card unless you truly need a third surface level.
When not to use
Don’t use filled on a gray-bg page or sheet — gray on gray disappears. Don’t use filled for clickable list items — the recessed look kills affordance.