One-line: the default container for any self-contained block of content or settings.

```jsx
<Card>
  <CardHeader>
    <CardTitle>30 min meeting</CardTitle>
    <CardDescription>cal.com/rick/30min</CardDescription>
    <CardAction><Button variant="ghost" size="icon-sm"><MoreHorizontalIcon /></Button></CardAction>
  </CardHeader>
  <CardPanel>…</CardPanel>
  <CardFooter><Button variant="outline" size="sm">Preview</Button></CardFooter>
</Card>
```

Use \`CardFrame\` when the title belongs to the plinth and the content is a distinct inner slab (the pattern the coss.com/ui gallery uses for each component category). Never add a coloured left border or a gradient — Reckon cards are white on white, separated by the hairline alone.
