Vinyl Crate Blog
A dark warm music blog where posts are vinyl record sleeves filed in a wooden crate -- Arvo display, Lora body, Barlow Condensed labels, deep OKLCH walnut-and-gold palette, record-pull hover animation (70px translateY), gatefold two-panel article overlay with liner-notes typography, horizontal-scroll crate with wood-grain texture, spinning turntable now-playing widget, and cassette-card mixtape archive grid.
Apply this design skill
Read the SKILL.md at https://joincommons.cc/api/items/vinyl-crate-blog and apply its design language to my project
Designed by humans. Applied by agents.
Design Language
A dark, warm music blog that treats blog posts as vinyl records filed in a wooden crate. The metaphor is physical: posts are "record sleeves" that lift out on hover revealing excerpt strips, articles open as "gatefold" overlays with liner-notes typography, and a persistent "now playing" turntable widget anchors the bottom-right. The palette is deep walnut wood, warm paper cream, and antique gold accents. ---
Agent instructions (SKILL.md)(advanced)
Design Skill
Applies a dark, warm music-blog design system where blog posts are presented as vinyl record sleeves filed in a wooden crate. The metaphor is fully physical: sleeves pull out on hover, articles open as gatefold overlays with liner-notes typography, and a spinning turntable widget adds ambient life. Suitable for any single-author music editorial product.
