Listen Card
A featured track card with a Placeholder cover, static div-bar waveform in theme tokens, and text links to four streaming platforms.
A featured track card with a Placeholder cover, static div-bar waveform in theme tokens, and text links to four streaming platforms.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Listen Card is a single featured track in a card surface, a Placeholder album cover on the left, title and artist credit on the right, a filled play button, a static div-bar waveform rendered in theme tokens, and text links to Spotify, Apple Music, Bandcamp, and SoundCloud. The track is Glass Morning from Quiet Hours (2024), giving the card an honest now-playing context.
Platforms are one const array and the waveform heights are a fixed array of 25 values. The waveform uses bg-border fill so it respects the active theme without any literal colour values.
Reach for this block on a musician landing page or a press-kit page where one track needs to make an impression. The installer swaps the track title, artist credit, album name, duration, and the four platform links.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the latest single feature. Other listen-card shapes:
Tip: the waveform is decorative and static, resist adding real audio; a broken autoplay is worse than no audio at all.