# Card design examples

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

Last updated: 2026-08-06

Explore website designs that use **Card**.

## 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)

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

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

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

[![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/10720?format=jpg)](https://design.withfudge.com/share/pin-10720)

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

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

[![Employer Plans and Pricing | Handshake](https://pin.fontofweb.com/10714?format=jpg)](https://design.withfudge.com/share/pin-10714)

[Employer Plans and Pricing | Handshake](https://design.withfudge.com/share/pin-10714)

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

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

[![Brave Search API | Brave](https://pin.fontofweb.com/10705?format=jpg)](https://design.withfudge.com/share/pin-10705)

[Brave Search API | Brave](https://design.withfudge.com/share/pin-10705)

[![Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://pin.fontofweb.com/10703?format=jpg)](https://design.withfudge.com/share/pin-10703)

[Site Explorer by Ahrefs: The #1 Competitor Analysis Tool](https://design.withfudge.com/share/pin-10703)

[![China’s AI Blitz Creates ‘Death Zone’ for Rival US Model Makers - Bloomberg](https://pin.fontofweb.com/10695?format=jpg)](https://design.withfudge.com/share/pin-10695)

[China’s AI Blitz Creates ‘Death Zone’ for Rival US Model Makers - Bloomberg](https://design.withfudge.com/share/pin-10695)

## Related design patterns

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

## Related website guides

- [ahrefs.com design guide](/share/ahrefs.com-design)
- [brave.com design guide](/share/brave.com-design)
- [cal.com design guide](/share/cal.com-design)
- [chatgpt.com design guide](/share/chatgpt.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)
- [gutgutgoose.com design guide](/share/gutgutgoose.com-design)
- [joinhandshake.com design guide](/share/joinhandshake.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)
- [avocasystems.com design guide](/share/avocasystems.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)
- [minimax.io design guide](/share/minimax.io-design)
- [stagehand.dev design guide](/share/stagehand.dev-design)
- [ziggle.art design guide](/share/ziggle.art-design)