Patterns

Card UI Designs

Cards pack image, headline, copy, and actions into one surface.

Jump to:

Inspiration

Compositions you can copy, trim, or remix. Paste into main or a template region, then swap copy, media, and routes.

Blog cards

Blog cards combine a lead image, headline, dek, and metadata for article feeds, recirculation rails, and newsletter archives.

Blog#001
Blog#002
Blog#003

Profile cards

Profile cards highlight people, roles, and trust signals in a compact format for teams, speakers, advisors, and service providers.

Card#001
Hello

Media cards are used to showcase a single feature or benefit of a product or service.

Meet the team
Card#002
Cory Marazzo
CEO, WCKD Marketing, Inc.
  • Websites
  • SEO
  • ADS
  • Campaigns
  • 4.9 Rating
  • 18/yrs Tenure
  • $90/hrRate
Get in touch
Card#003
Cory Marazzo
CEO, WCKD Marketing, Inc.
  • Websites
  • SEO
  • ADS
  • Campaigns
  • 4.9 Rating
  • 18/yrs Tenure
  • $90/hrRate
Get in touch
Card#004

Cory Marazzo

Through WCKD Marketing, I help companies achieve more.

Feature cards

Feature cards are used to showcase a single feature or benefit of a product or service.

Card#001

Media card

Media cards are used to showcase a single feature or benefit of a product or service.

View profile
Card#002
Category
Action button

Media card

Media cards are used to showcase a single feature or benefit of a product or service.

View profile

Media card

Media cards are used to showcase a single feature or benefit of a product or service.

View profile

← All patterns