Media Cards

A collection of reusable media card components designed for modern web applications. These cards are commonly used to present people, content, and social proof in a visually consistent and scalable way.

Profile Card

Profile cards are typically used to showcase individuals such as team members, speakers, or creators.

Common use cases include “Meet the Team” pages, author bios, and personal portfolio sections.

stock image

Sarah Dole

Front End Engineer @ Microsoft

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex.

stock image

Sarah Dole

@sarahdole

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex.

Testimonial Card

Testimonial cards highlight user feedback, reviews, and social proof to build trust and credibility.

They’re commonly used on landing pages and product marketing sections.

Blog Card

Blog cards preview articles, posts, and long-form content with a strong visual hierarchy.

They’re ideal for content feeds, blogs, and editorial sections.

Cocktail Explorer project screenshot

Lorem ipsum dolor sit amet consectetur adipiscing elit.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Sit amet consectetur adipiscing elit quisque faucibus ex.