Disco Michael Store
A maximalist 70s disco e-commerce demo — OKLCH color, 3D hover cards, easter eggs. The loud opposite of this site's restraint, built to prove the range exists.
Every other piece on this site argues for restraint: graphite, two signal colors, flat ruled composition. This one argues the opposite case on purpose — a full maximalist 70s disco merch store, built to show the range exists and is deliberate, not a ceiling I've hit.
Why OKLCH over hex or HSL
Disco needs saturated color that still reads as intentional rather than muddy. OKLCH keeps lightness perceptually consistent as hue rotates, so the rainbow gradients here don't hit the dead, murky bands you get sweeping through HSL — every stop in a gradient stays equally bright, which is what keeps the palette feeling designed instead of accidental.
Why CSS 3D transforms and not a library
The product-card hover tilt is a handful of transform: perspective() rotateX() rotateY() rules driven by pointer position — no Three.js, no dependency, because the effect is one element tilting in response to a cursor, not a 3D scene. Reaching for a 3D library here would have been the same mistake as reaching for WebGL on the crystal hero: over-tooling a simple case.
What this proves the field guide site can't
Restraint only reads as a skill if the alternative is visibly available. This store is the alternative: full-bleed gradients, glow, motion for its own sake, jokes in the copy and the easter eggs. It's a demo, not a client project — nobody is paying for disco branding — but it's real, shipped, browsable code, and the fastest way to show I can turn the volume up as deliberately as I turn it down.