This is a passion project merging my love for music, print design, and CSS. All artwork credit goes to Duane Dalton and his amazing Album Anatomy project.
Recreate as many of Duane's posters using only HTML/CSS and SVG for graphic content.
I wanted to create a side project to get super comfortable with CSS Grid. Duane's work is a perfect candidate for the new layout specification. I have been suing SVG consistently for a few years, but there is so much more to learn!
The original designs, destined for print output, all follow portrait dimensions. The idea is for the viewer to feel as though they can enjoy the designs in any aspect ratio. I will take minimal amounts of creative freedom to allow the layout to adapt to as many viewports as possible. The goal is to keep the artist's original vision intact.
I will do my best to release a new poster once or twice a month. This is a side gig and some of Duane's designs are more complex than others.
- Install:
npm install - Run:
gulp
Files will be served from _build directory at localhost
You can see new posters as they are released in my codepen collection
I will be posting each new release on twitter so you can also follow me. there ✌️.