AI CSS Animations

Premium

Hard Bop Record Sleeve

A 1950s jazz LP sleeve for an invented quartet: a high-contrast photo of a saxophonist prints in one blue ink, color bars and condensed title blocks land on swung eighth notes, and the sleeve slides aside as the record rolls out.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
HTML/CSS
Topics
Music · Photos · Kinetic type
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

Hard bop record covers of the late 1950s and early 1960s were made on small budgets with a few strong tools: one moody session photograph, often printed in a single flat ink, cropped hard and set against tight sans-serif type, blocks of color and a lot of black. Designers treated lettering like rhythm, shifting weights, sizes and cases across the square. The look still signals jazz, and it suits music packaging, event posters and any brand that wants to feel crafted and cool.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: Kinetic typography inspirationMusic video inspirationPhoto animation inspiration