---
title: "Media Card"
description: "Image-led content cards: media area on top, text below; grid or compact list row."
url: https://buenalabs.io/design/media-card
---

# Media Card

Image-led content cards: media area on top, text below; grid or compact list row.

Live examples: https://buenalabs.io/design/media-card. Part of the Buena Labs design system — see https://buenalabs.io/design/introduction.md for the full index and https://buenalabs.io/design.md for the machine-readable specification.