Spright Class Card

Spright cards

At Spright, I had a fun time designing and building a modular card system to feature different kinds of objects (such as a post or a person). This card for an online class was placed on the homepage and classes landing page.

Cards of all kinds share a common hover/touch state – the background photo brightens, and they come forward as if to meet you. I was definitely inspired by Material Design and tvOS, but didn't use any exact specs. I love how CSS transitions add a touch of magic.

Tags

keyboard shortcuts: L or F like Z toggle zoom