Open Design gallery

Design systems Examples

Spotify Now-Playing Card

Spotify Now Playing-style card with album art, progress bar, and playback controls, suited to video overlays or personal homepages.

page
card

Remix it with Open Design

In a chat or editor where the Open Design Agent Kit is installed, paste this. Claude asks what to make, then starts from this example.

Remix the Open Design example od:prototype:social-spotify-card:example.

Make one like it in Claude

The brief this example was made from. Change the details to fit yours.

Use the Spotify Now-Playing Card template to turn my content into a Spotify Now Playing-style card with album art, progress bar, and playback controls for a video overlay or personal homepage. Preserve the template's visual signature, use real content and data, and avoid lorem ipsum or placeholder images.

Source

example.html on GitHub

Made with the Open Design Agent Kit. Design systems and examples are synced from Open Design.