Profile Card
The design comes with no brand to build for, so the profile on the card is my own: the photograph, the city and the three counts under the rule. The numbers count themselves up in CSS, with no script behind them.
Visit Website, Profile CardProject Background
A profile card is the smallest complete brief there is: one column with a patterned band, an avatar breaking out of it, a name with the age beside it, a city and three counts under a rule. It came drawn at 375 and 1440, where the only difference is the pair of gradient circles behind the card. The counts animate through a registered custom property and a CSS counter, so nothing scripts the tick. Scope ran from 320 up, and the four Lighthouse categories all sit at 100.
Static Previews
