---
category: Surfaces
---

The inset a `Card` holds its demo in, at `--r-well`, always the card's width minus its
padding.

`paper` is `--paper` at 1.06:1 on `--surface`, and carries illustrations and flat
`--coral` / `--periwinkle` blocks. `product` is `--well`, the dark app screen inside a
light card, with `--on-slab` at 17.76:1 — this is where a mint figure is legal and the
only place it is.

```tsx
<Card title="AI Search Visibility"><Well tone="product">…</Well></Card>
```