# Cards — Unless design system

Components

# Cards
  [Variants](/en/design/components/cards/)[States](/en/design/components/cards/states/)[Usage](/en/design/components/cards/usage/)
## When NOT to reach for a card

Three constraints behind when cards belong + when they don't. A single rounded panel on its own reads as a floating box; pair them in a grid or pick an editorial alternative (pull-quote, left-rule callout).

- Cards always sit in a grid of ≥2. Standalone rounded panels read boxy.
- Card background is pure white (`#FFFFFF`) - pops above paper-tinted sections.
- For a single callout, prefer a left-rule pull-quote or plain editorial typography.
       [Cards · States](/en/design/components/cards/states/)     [Forms · Inputs](/en/design/components/forms/)