Track List

About this block

Track List renders ten songs as a ruled divide list, each row showing the track number, a static play button, the title, and the duration in tabular numerals. The lede anchors the record in a real place, ten tracks, forty-six minutes, written and recorded over eight months in a converted warehouse in east London.

Tracks are one const array. Tabular numerals keep the duration column aligned regardless of digit count, and the play button gives the layout a functional feel without wiring up audio.

When to use

Reach for this block on a dedicated album page or beneath an album feature block. The installer swaps the track titles, durations, and lede copy to match their release.

A natural flow around it on a Portfolio Pro page:

Before

• Album feature

After

• Listen card
• Gig list

What you can display

One strong use is the full album tracklist. Other list shapes:

• EP track list. Four to six tracks, same rows, no heading needed beyond the EP title.
• Setlist. Show date and venue above, tracks below as a played-order list.
• Playlist. A curated selection across releases, with an album credit beside each title.

Tip: the warehouse sentence is the detail that makes a tracklist feel like liner notes, one real location beats a generic studio credit.