---
category: Surfaces
---

The one object per screen allowed to wear `--shadow-frame` — 25px offset, 70px blur,
7%. `--r-md`, no border.

It holds the demonstration: the mocked article, the report, the product shot. Putting
this shadow on a card or a control is what makes the pack look like a template, and
putting two Frames in one viewport spends the only depth the page has.

```tsx
<Frame><img src="…" alt="A placement on a named outlet" /></Frame>
```
