# Cards — Unless design system

Components

# Cards
  [Variants](/en/design/components/cards/)[States](/en/design/components/cards/states/)[Usage](/en/design/components/cards/usage/)
## When the whole card is a link

Card-as-link variant: the entire card is the click target. Lifts 2 px on hover with a soft drop shadow; carries the universal focus ring on keyboard nav. Use sparingly - only when the whole card is genuinely one destination.
  [Default

### Click target

Lifts on hover; carries focus ring on keyboard nav.](#)[Hover

### Lifted

2px lift + soft shadow.](#)        [Cards · Variants](/en/design/components/cards/)     [Cards · Usage](/en/design/components/cards/usage/)