# Record header

Kit v2 header for detail pages (customer, tailor, fit review, brand): avatar, name with status chips, a meta row and ranked actions.

- **Group:** Navigation and shell · **family:** `page-primitives` · **shadcn:** Avatar, Badge
- **Build:** Layout using `Avatar` + `Badge` + `Button`.
- **In apps/admin today:** Badge exists; Avatar new.
- **Client component:** no. 

## Content rules

- Meta: since, location, counts ("Customer since 2023 · 3 orders").

## Do

- Status chips right after the name.

## Don't

- More than one primary.

## Accessibility

- **Keyboard:** Actions in order.
- **ARIA:** Title is the `h1`.
- **Focus:** —

## Tokens

`--s-4` `--s-5` `--text-card` `--s-2` `--s-1` `--text-small` `--muted-foreground` `--s-3`

## Files

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