As shipping
00 Original control

Current shipping vinyl: pressed grooves, copper-bordered label rim, full album art on the label. Reference baseline for everything below.

CSS only
01 Sleeve Frame CSS only

Vinyl peeks out of a square cardstock sleeve — paper grain, ring-wear circle, worn-corner notch. The album art lives on the sleeve; the disc gets a plain typographic label. Reads instantly as "record on a turntable", not "spinning disc."

CSS only · highest ROI
02 Sheen, Grain & Dead-Wax CSS only

Three layers added to the existing vinyl: a fixed reflection sweep (doesn't rotate with the disc — the studio-light look), paper grain on the label so the print sits in cardstock, and a dead-wax engraving of the master‑lacquer code spinning with the disc. Off-center spindle by 1.5%. Highest visual ROI for the smallest amount of new code.

CSS only
03 Tone-Graded Cover CSS only

Same disc, but the album art on the label is color-graded — duotone copper/emerald, deeper saturation drop, vignette around the label rim. Effect: every album cover ends up looking like it came from the same pressing plant, matching the Studio Reference chrome.

CSS hover · JS in production
Hover to play
04 Sleeve-to-Disc Reveal needs JS

Hover this card — the disc slides out of the sleeve and starts spinning. In production, this would be wired to the play/pause state: paused = tucked-in sleeve view, playing = disc revealed and spinning. Most evocative, also the most code (animation choreography + state coupling).