# List design examples

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

Last updated: 2026-08-05

Explore website designs that use **List**.

## Captured pages

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

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

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

[Home](https://design.withfudge.com/share/pin-10709)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10700?format=jpg)](https://design.withfudge.com/share/pin-10700)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10700)

[![Ahrefs—AI Marketing Platform Powered by Big Data](https://pin.fontofweb.com/10678?format=jpg)](https://design.withfudge.com/share/pin-10678)

[Ahrefs—AI Marketing Platform Powered by Big Data](https://design.withfudge.com/share/pin-10678)

[![Firehose: Monitor the Web in Real Time for What Matters](https://pin.fontofweb.com/10673?format=jpg)](https://design.withfudge.com/share/pin-10673)

[Firehose: Monitor the Web in Real Time for What Matters](https://design.withfudge.com/share/pin-10673)

[![Firehose: Monitor the Web in Real Time for What Matters](https://pin.fontofweb.com/10671?format=jpg)](https://design.withfudge.com/share/pin-10671)

[Firehose: Monitor the Web in Real Time for What Matters](https://design.withfudge.com/share/pin-10671)

[![Letaido — Focus on strategy. Let AI do the work.](https://pin.fontofweb.com/10659?format=jpg)](https://design.withfudge.com/share/pin-10659)

[Letaido — Focus on strategy. Let AI do the work.](https://design.withfudge.com/share/pin-10659)

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

[INNOCEAN AWARDS](https://design.withfudge.com/share/pin-10650)

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

[INNOCEAN](https://design.withfudge.com/share/pin-10643)

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

[Conjectures – Series — The Public Domain Review](https://design.withfudge.com/share/pin-10635)

[![Technology | Wafer](https://pin.fontofweb.com/10620?format=jpg)](https://design.withfudge.com/share/pin-10620)

[Technology | Wafer](https://design.withfudge.com/share/pin-10620)

[![Become a Real AI Hero](https://pin.fontofweb.com/10601?format=jpg)](https://design.withfudge.com/share/pin-10601)

[Become a Real AI Hero](https://design.withfudge.com/share/pin-10601)

## Related design patterns

- [Neutral hue](/share/designs-with-color.hue.neutral)
- [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)
- [Solid background](/share/designs-with-visual.background.solid)
- [Sans serif](/share/designs-with-typography.generic.sans_serif)

## Related website guides

- [ahrefs.com design guide](/share/ahrefs.com-design)
- [firehose.com design guide](/share/firehose.com-design)
- [openai.com design guide](/share/openai.com-design)
- [afterquery.com design guide](/share/afterquery.com-design)
- [aihero.dev design guide](/share/aihero.dev-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)