# Settings sub-nav

The second column inside Settings (Brand, Users and access, API keys, Rules, Audit log…). On the phone it is a plain list that drills in.

- **Group:** Navigation and shell · **family:** `app-shell` · **shadcn:** Sidebar
- **Build:** `SidebarMenuSub` or a simple nav list.
- **In apps/admin today:** Not in apps/admin.
- **Client component:** no. 

## Content rules

- Same names as the page titles.

## Do

- Keep HQ-only items out of brand settings.

## Don't

- Tabs for settings sections.

## Accessibility

- **Keyboard:** Links in order.
- **ARIA:** `<nav aria-label="Settings">`; `aria-current`.
- **Focus:** Ring.

## Tokens

`--font-voice` `--font-stretch-title` `--text-section` `--w-semibold` `--sidebar-accent-foreground` `--s-3` `--s-4` `--border` `--text-read` `--w-medium` `--muted-foreground` `--warning-foreground` `--accent` `--s-1` `--text-micro`

## Files

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