# Tabs design examples

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

Last updated: 2026-08-03

Explore website designs that use **Tabs**.

## Captured pages

[![Mac mini - Apple (NG)](https://pin.fontofweb.com/10669?format=jpg)](https://design.withfudge.com/share/pin-10669)

[Mac mini - Apple (NG)](https://design.withfudge.com/share/pin-10669)

[![HUAWEI Wearables - HUAWEI UAE](https://pin.fontofweb.com/10653?format=jpg)](https://design.withfudge.com/share/pin-10653)

[HUAWEI Wearables - HUAWEI UAE](https://design.withfudge.com/share/pin-10653)

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

[![Juno FAQ — How the AI chronic illness companion works](https://pin.fontofweb.com/10525?format=jpg)](https://design.withfudge.com/share/pin-10525)

[Juno FAQ — How the AI chronic illness companion works](https://design.withfudge.com/share/pin-10525)

[![About | OpenAI](https://pin.fontofweb.com/10502?format=jpg)](https://design.withfudge.com/share/pin-10502)

[About | OpenAI](https://design.withfudge.com/share/pin-10502)

[![OpenAI Research | OpenAI](https://pin.fontofweb.com/10499?format=jpg)](https://design.withfudge.com/share/pin-10499)

[OpenAI Research | OpenAI](https://design.withfudge.com/share/pin-10499)

## Related design patterns

- [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)
- [Moderate density](/share/designs-with-density.moderate)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)
- [Body role](/share/designs-with-typography.role.body)

## Related website guides

- [consumer.huawei.com design guide](/share/consumer.huawei.com-design)
- [openai.com design guide](/share/openai.com-design)
- [apple.com design guide](/share/apple.com-design)