# Side navigation design examples

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

Last updated: 2026-08-05

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

## Captured pages

[![Fairphone | Official Website](https://pin.fontofweb.com/10726?format=jpg)](https://design.withfudge.com/share/pin-10726)

[Fairphone | Official Website](https://design.withfudge.com/share/pin-10726)

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

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

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

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

[![FinanceArena — FinanceQA, Assumption-Based - AfterQuery](https://pin.fontofweb.com/10570?format=jpg)](https://design.withfudge.com/share/pin-10570)

[FinanceArena — FinanceQA, Assumption-Based - AfterQuery](https://design.withfudge.com/share/pin-10570)

[![How We Improved Terminal-Bench 2.0 Scores by Over 5x Using Tinker and Harbor - AfterQuery](https://pin.fontofweb.com/10566?format=jpg)](https://design.withfudge.com/share/pin-10566)

[How We Improved Terminal-Bench 2.0 Scores by Over 5x Using Tinker and Harbor - AfterQuery](https://design.withfudge.com/share/pin-10566)

[![How We Improved Terminal-Bench 2.0 Scores by Over 5x Using Tinker and Harbor - AfterQuery](https://pin.fontofweb.com/10565?format=jpg)](https://design.withfudge.com/share/pin-10565)

[How We Improved Terminal-Bench 2.0 Scores by Over 5x Using Tinker and Harbor - AfterQuery](https://design.withfudge.com/share/pin-10565)

[![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)

[![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)

## Related design patterns

- [Primary text color](/share/designs-with-color.role.text_primary)
- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Moderate density](/share/designs-with-density.moderate)
- [Technology and software](/share/designs-with-industry.technology_software)

## Related website guides

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