## Mobile navigation mockups

Three directions, created in Pen. The Pen file is at `/Users/oscar/design/shell.build/mobile-nav-mockups.pen`.

### A — Fewer rail items
Keeps the existing rail language and trims it to the four most-used panels. Cheapest change; still uses horizontal space on a phone.

![A — Fewer rail items](https://s.otbeaumont.me/m8isz67hrdj0yh5lkfm5x1ug.png)

### B — Drawer
Hides navigation behind a menu button. Gives the code the full width and scales to more panels, but adds a tap before switching panels.

![B — Drawer](https://s.otbeaumont.me/fpa1wncupo1tazsl13zgpqgs.png)

### C — Bottom bar
Thumb-friendly and makes panels first-class destinations. Consumes vertical space and does not scale past a handful of panels without a “More” sheet.

![C — Bottom bar](https://s.otbeaumont.me/f3khtahad0790j7eojrrhafy.png)

Which direction should the issue implement?


<sub>Generated on _MrBeast_ using _opencode/deepseek-v4.1-flash_ in _ses_e8326e581ffeJviTmSkomwnKES_</sub>