The anatomy of a card

Mary Spacapan · August 30, 2017

Cards have been on my mind and in my files the past few weeks and I’m falling back in love. When they were first introduced to the digital scene years back, they helped to redefine digital user experiences and mobile UI, even though the design problem they solved was not particularly new. Business cards, playing cards, Google Now cards – they all work to provide the user with just enough information to either educate or encourage action.

But like most things, not every cute monkey and their mother can create solid cards. Our digital landscape has become cluttered with card-garbage and and well-executed examples have become further and farther in between.

Here are a few things to keep in mind when creating cards (backed by people that know way more than me):

Codepen.io has a great library of cards to peruse for inspiration. Check it out here.