Cards Carousel

Summary

A card carousel motion exploration built in Figma and developed with Claude, featuring rich abstract gradient backgrounds and animated slide transitions between content cards.

Visual description

A near black canvas carries a faint dashed grid and a small centered monospace line reading "Day 210 of 365 X Posts" at the top. Below it a horizontal carousel of wide landscape cards runs off both edges of the frame, each filled with a soft blurred gradient: amber and olive on the left, hot magenta and red with faint vertical bar shapes in the middle, deep green on the right. Every card sets a small gray eyebrow label above a two line white sans serif headline in its lower left corner, and the center card is marked as active by thin white corner brackets. A row of small dots sits centered at the bottom, with the active one stretched into a short pill.

Key takeaway

Marking the active carousel slide with four thin corner brackets instead of a border or scale change reads as a viewfinder and keeps the card art untouched. Pair it with a dot row where only the active dot stretches into a pill.

Reuse notes

Reach for this as a ui screen reference. Pairs with abstract, experimental directions. Original by Ilia.