# Page header

Title, one line of context and the ranked actions: tertiary, secondary, then the one primary at the end. 26px Archivo 600 title. On the phone the primary moves to the action bar.

- **Group:** Navigation and shell · **family:** `base` · **shadcn:** composed
- **Build:** Layout component.
- **In apps/admin today:** Pages have ad-hoc headers.
- **Client component:** no. 

## Content rules

- Title = nav label.
- Context line: a fact (count, last sync), not instructions.

## Do

- One primary.

## Don't

- Help text in the header: use page help.

## Accessibility

- **Keyboard:** Actions follow the title in tab order.
- **ARIA:** One `h1` per page.
- **Focus:** —

## Tokens

`--font-voice` `--font-stretch-title` `--s-6` `--s-4` `--title-w` `--text-page` `--lh-page` `--tr-page` `--muted-foreground` `--s-1` `--s-2` `--s-3` `--text-24`

## Files

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