# Product listing design examples

[Open the live Fudge conversation](https://design.withfudge.com/share/designs-with-page.commerce.product_listing)

Last updated: 2026-08-05

Explore website designs that use **Product listing**.

## Captured pages

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

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

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

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

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

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

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

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

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

[![Leonid Meteor Shower over Niagara Falls – Product — The Public Domain Review](https://pin.fontofweb.com/10633?format=jpg)](https://design.withfudge.com/share/pin-10633)

[Leonid Meteor Shower over Niagara Falls – Product — The Public Domain Review](https://design.withfudge.com/share/pin-10633)

[![Prints — The Public Domain Review](https://pin.fontofweb.com/10631?format=jpg)](https://design.withfudge.com/share/pin-10631)

[Prints — The Public Domain Review](https://design.withfudge.com/share/pin-10631)

[![Home | Monastery](https://pin.fontofweb.com/10460?format=jpg)](https://design.withfudge.com/share/pin-10460)

[Home | Monastery](https://design.withfudge.com/share/pin-10460)

[![Pittsburgh, PA Vacation Rentals – Airbnb](https://pin.fontofweb.com/10056?format=jpg)](https://design.withfudge.com/share/pin-10056)

[Pittsburgh, PA Vacation Rentals – Airbnb](https://design.withfudge.com/share/pin-10056)

[![Airbnb | Pittsburgh – Vacation Rentals & Places to Stay - Pennsylvania](https://pin.fontofweb.com/10050?format=jpg)](https://design.withfudge.com/share/pin-10050)

[Airbnb | Pittsburgh – Vacation Rentals & Places to Stay - Pennsylvania](https://design.withfudge.com/share/pin-10050)

[![Airbnb | Pittsburgh – Vacation Rentals & Places to Stay - Pennsylvania](https://pin.fontofweb.com/10049?format=jpg)](https://design.withfudge.com/share/pin-10049)

[Airbnb | Pittsburgh – Vacation Rentals & Places to Stay - Pennsylvania](https://design.withfudge.com/share/pin-10049)

[![Pittsburgh, PA Vacation Rentals – Airbnb](https://pin.fontofweb.com/10048?format=jpg)](https://design.withfudge.com/share/pin-10048)

[Pittsburgh, PA Vacation Rentals – Airbnb](https://design.withfudge.com/share/pin-10048)

## Related design patterns

- [Primary text color](/share/designs-with-color.role.text_primary)
- [Secondary text color](/share/designs-with-color.role.text_secondary)
- [Body role](/share/designs-with-typography.role.body)
- [Populated state](/share/designs-with-interaction.data_state.populated)
- [Moderate density](/share/designs-with-density.moderate)
- [Accent color](/share/designs-with-color.role.accent)

## Related website guides

- [airbnb.ca design guide](/share/airbnb.ca-design)
- [allbirds.com design guide](/share/allbirds.com-design)
- [apple.com design guide](/share/apple.com-design)
- [consumer.huawei.com design guide](/share/consumer.huawei.com-design)
- [davidprotein.com design guide](/share/davidprotein.com-design)
- [hatroid.com design guide](/share/hatroid.com-design)
- [inceptionlabs.ai design guide](/share/inceptionlabs.ai-design)
- [kode.diy design guide](/share/kode.diy-design)
- [mixfont.com design guide](/share/mixfont.com-design)
- [natoma.run design guide](/share/natoma.run-design)
- [northendboutique.com design guide](/share/northendboutique.com-design)
- [polymarket.com design guide](/share/polymarket.com-design)
- [shop.heavymetal.com design guide](/share/shop.heavymetal.com-design)
- [staples.com design guide](/share/staples.com-design)
- [wolfram.com design guide](/share/wolfram.com-design)
- [fairphone.com design guide](/share/fairphone.com-design)
- [youworkforthem.com design guide](/share/youworkforthem.com-design)