# Side navigation design examples

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

Last updated: 2026-08-01

Explore website designs that use **Side navigation**.

## Captured pages

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

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

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

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

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

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

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

[Codex - OpenAI API](https://design.withfudge.com/share/pin-10541)

[![Billing overview - OpenAI API](https://pin.fontofweb.com/10540?format=jpg)](https://design.withfudge.com/share/pin-10540)

[Billing overview - OpenAI API](https://design.withfudge.com/share/pin-10540)

[![Billing overview - OpenAI API](https://pin.fontofweb.com/10539?format=jpg)](https://design.withfudge.com/share/pin-10539)

[Billing overview - OpenAI API](https://design.withfudge.com/share/pin-10539)

[![Billing overview - OpenAI API](https://pin.fontofweb.com/10538?format=jpg)](https://design.withfudge.com/share/pin-10538)

[Billing overview - OpenAI API](https://design.withfudge.com/share/pin-10538)

[![API keys - OpenAI API](https://pin.fontofweb.com/10537?format=jpg)](https://design.withfudge.com/share/pin-10537)

[API keys - OpenAI API](https://design.withfudge.com/share/pin-10537)

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

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

[![Braintrust - The AI observability platform for building quality AI products](https://pin.fontofweb.com/10471?format=jpg)](https://design.withfudge.com/share/pin-10471)

[Braintrust - The AI observability platform for building quality AI products](https://design.withfudge.com/share/pin-10471)

## Related design patterns

- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Accent color](/share/designs-with-color.role.accent)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Button](/share/designs-with-component.action.button)

## Related website guides

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