# Garment thumbnail

The 30×40 garment or cloth thumbnail in tables, lists and pickers, on the studio ground. A missing image shows the garment silhouette, never a grey box.

- **Group:** Small primitives · **family:** `base` · **shadcn:** composed
- **Build:** `next/image` in a styled wrapper.
- **In apps/admin today:** Not a shared component.
- **Client component:** no. 

## Content rules

- 3:4 portrait crops only.

## Do

- Use `next/image` with a fixed 30×40 box.

## Don't

- Grey placeholder boxes where a garment belongs.

## Accessibility

- **ARIA:** `alt` names the product ("Navy birdseye two-piece suit"); empty `alt` when the name is in the same row.
- **Keyboard:** Not focusable.
- **Focus:** None.

## Tokens

`--r-media` `--studio`

## Files

`thumb.html` live specimen · `thumb.css` kit rules · `thumb.d.ts` props · full page: `docs/components/thumb/` (phone: `m/`).