Spec

Padding default 24px (1.5rem) --sp-6
Padding compact 16px (1rem) --sp-4
Elevated No border, stronger shadow
Radius --r-lg (12px)
Accessibility Use semantic headings and preserve reading order for composed content/actions

Default

Card title

Default card with border. Padding 24px (1.5rem).

Elevated

Elevated card

No border, stronger shadow for emphasis.

Compact

Compact card

Padding 16px (1rem).

Composed

Avatar + content + action — .anvil-card__row, .anvil-card__body, .anvil-card__actions

JD

Jane Doe

Active now

Card body text. Use tokens for spacing. Composed layout uses .anvil-card__row, .anvil-card__body, .anvil-card__actions.