# Top and side navigation design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-layout.shell.top_and_side)

Last updated: 2026-08-01

Explore website designs that use **Top and side navigation**.

## Captured pages

[![Parallel](https://pin.fontofweb.com/10588?format=jpg)](https://design.withfudge.com/share/pin-10588)

[Parallel](https://design.withfudge.com/share/pin-10588)

[![Platform Home Page - OpenAI API](https://pin.fontofweb.com/10535?format=jpg)](https://design.withfudge.com/share/pin-10535)

[Platform Home Page - OpenAI API](https://design.withfudge.com/share/pin-10535)

[![Codex](https://pin.fontofweb.com/10527?format=jpg)](https://design.withfudge.com/share/pin-10527)

[Codex](https://design.withfudge.com/share/pin-10527)

## Related design patterns

- [AI enabled](/share/designs-with-capability.ai_enabled)
- [Developer API](/share/designs-with-capability.developer_api)
- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Dark mode](/share/designs-with-color.mode.dark)
- [Accent color](/share/designs-with-color.role.accent)
- [Canvas color](/share/designs-with-color.role.canvas)

## Related website guides

- [chatgpt.com design guide](/share/chatgpt.com-design)