I recently launched my new website where I played with the concept of styling my homepage to look like code. To continue this theme I have designed a series of four business cards. Each card is designed to look like an hCard with the difference being that they each have a different stylesheet: “A hCard is a microformat for publishing contact details.”
If you were to type up the markup and render it in a browser you’d get a correspondingly styled card. Typing it up takes time so here they are:
This first hCard is styled to look like a normal business card, inspired by Mr Damme’s madebyelephant.com:
This hCard is styled to look like an Apple Finder window:
As I spend an inordinate amount of time in Photoshop I have styled this hCard to look like so:
This final hCard is my homage to the Web of the 90′s but with a sprinkle of WebKit, old meets new:
The Web Standardistas were kind enough to mention my virtual business cards in a recent blog post.