<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1400 900" role="img" aria-labelledby="title desc">
  <title id="title">DTC Commerce Experience gallery</title>
  <desc id="desc">Product detail and merchandising system visual for the commerce case study.</desc>
  <rect width="1400" height="900" fill="#fff6f1"/>
  <rect x="74" y="74" width="1252" height="752" rx="30" fill="#ffffff" stroke="#efdad0"/>
  <text x="124" y="164" fill="#8a4630" font-size="24" font-family="Arial, Helvetica, sans-serif" letter-spacing="6">PRODUCT DETAIL SYSTEM</text>
  <rect x="124" y="226" width="460" height="468" rx="28" fill="#f6ddd2"/>
  <rect x="640" y="226" width="560" height="146" rx="24" fill="#f9efe9"/>
  <rect x="640" y="394" width="560" height="146" rx="24" fill="#f9efe9"/>
  <rect x="640" y="562" width="560" height="132" rx="24" fill="#2a1627"/>
  <text x="674" y="312" fill="#241417" font-size="40" font-weight="700" font-family="Arial, Helvetica, sans-serif">Narrative-led product module</text>
  <text x="674" y="478" fill="#241417" font-size="40" font-weight="700" font-family="Arial, Helvetica, sans-serif">Merchandising pairings and proof</text>
  <text x="674" y="636" fill="#ffffff" font-size="34" font-weight="700" font-family="Arial, Helvetica, sans-serif">CTA row with trust and shipping cues</text>
</svg>