Matsuda — Luxury Eyewear
A bespoke, editorial Shopify storefront for Matsuda, the luxury eyewear house — built on a strict 9px vertical rhythm with a configurable section system the merchandising team controls.
Context.
Matsuda needed a storefront that reads as editorial and precise — every line of type and gap on a consistent vertical rhythm — while letting merchandisers reshape campaigns without a developer.
The build.
- A 9px vertical baseline grid: spacing, line-heights, padding and gaps tuned to multiples of nine throughout the CSS, enforced by hand for editorial precision.
- A single configurable 'media + text' module that renders many layouts from one section — image width (50% / two-thirds / full), text position, indented vs. overlay, light/dark — with a fully independent mobile layout, from repeatable content blocks.
- 18 bespoke sections beyond the base theme: parallax media, mission, overlay, masonry collection grid, and an editorial 'craft' section.
- GSAP-driven motion — an inertia/lerp horizontal menu rail with wheel + drag, plus desktop parallax.
- Product craft: a custom variant slider, sticky add-to-cart, and metafield-driven measurement & spec tables.
- Built on Shopify Online Store 2.0 (JSON section groups, app blocks) for a fast, flexible content model.
9px
18+
1