# Top navigation design examples

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

Last updated: 2026-08-06

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

## Captured pages

[![Sprout Creator Edition | Humanoid Developer Platform | Fauna](https://pin.fontofweb.com/10744?format=jpg)](https://design.withfudge.com/share/pin-10744)

[Sprout Creator Edition | Humanoid Developer Platform | Fauna](https://design.withfudge.com/share/pin-10744)

[![Sprout Creator Edition | Humanoid Developer Platform | Fauna](https://pin.fontofweb.com/10743?format=jpg)](https://design.withfudge.com/share/pin-10743)

[Sprout Creator Edition | Humanoid Developer Platform | Fauna](https://design.withfudge.com/share/pin-10743)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10742?format=jpg)](https://design.withfudge.com/share/pin-10742)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10742)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10741?format=jpg)](https://design.withfudge.com/share/pin-10741)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10741)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10740?format=jpg)](https://design.withfudge.com/share/pin-10740)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10740)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10739?format=jpg)](https://design.withfudge.com/share/pin-10739)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10739)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10738?format=jpg)](https://design.withfudge.com/share/pin-10738)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10738)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10737?format=jpg)](https://design.withfudge.com/share/pin-10737)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10737)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10736?format=jpg)](https://design.withfudge.com/share/pin-10736)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10736)

[![Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://pin.fontofweb.com/10734?format=jpg)](https://design.withfudge.com/share/pin-10734)

[Fauna Robotics | Capable, Safe, Fun Robots for Everyone](https://design.withfudge.com/share/pin-10734)

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10731?format=jpg)](https://design.withfudge.com/share/pin-10731)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10731)

[![Switch to fair. Switch to The Fairphone (Gen. 6).](https://pin.fontofweb.com/10729?format=jpg)](https://design.withfudge.com/share/pin-10729)

[Switch to fair. Switch to The Fairphone (Gen. 6).](https://design.withfudge.com/share/pin-10729)

## Related design patterns

- [Primary text color](/share/designs-with-color.role.text_primary)
- [Canvas color](/share/designs-with-color.role.canvas)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)
- [Neutral hue](/share/designs-with-color.hue.neutral)
- [Top navigation](/share/designs-with-component.navigation.top_nav)
- [Solid background](/share/designs-with-visual.background.solid)

## Related website guides

- [ahrefs.com design guide](/share/ahrefs.com-design)
- [cal.com design guide](/share/cal.com-design)
- [consumer.huawei.com design guide](/share/consumer.huawei.com-design)
- [faunarobotics.com design guide](/share/faunarobotics.com-design)
- [firehose.com design guide](/share/firehose.com-design)
- [gojiberry.ai design guide](/share/gojiberry.ai-design)
- [gutgutgoose.com design guide](/share/gutgutgoose.com-design)
- [halfbuilt.com.au design guide](/share/halfbuilt.com.au-design)
- [humalike.ai design guide](/share/humalike.ai-design)
- [joinhandshake.com design guide](/share/joinhandshake.com-design)
- [merge.io design guide](/share/merge.io-design)
- [offscript.sh design guide](/share/offscript.sh-design)
- [openai.com design guide](/share/openai.com-design)
- [ramen.haus design guide](/share/ramen.haus-design)
- [wellgousa.com design guide](/share/wellgousa.com-design)
- [afterquery.com design guide](/share/afterquery.com-design)
- [aihero.dev design guide](/share/aihero.dev-design)
- [apple.com design guide](/share/apple.com-design)
- [avocasystems.com design guide](/share/avocasystems.com-design)
- [braintrust.dev design guide](/share/braintrust.dev-design)
- [cloudflare.com design guide](/share/cloudflare.com-design)
- [diabrowser.com design guide](/share/diabrowser.com-design)
- [fairphone.com design guide](/share/fairphone.com-design)
- [innocean.com design guide](/share/innocean.com-design)
- [stagehand.dev design guide](/share/stagehand.dev-design)
- [ziggle.art design guide](/share/ziggle.art-design)