<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" role="img" aria-labelledby="title desc">
  <title id="title">DTC Commerce Experience hero</title>
  <desc id="desc">Premium commerce storefront visual with merchandising and checkout panels.</desc>
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0%" stop-color="#1b0f1b"/>
      <stop offset="55%" stop-color="#5c254f"/>
      <stop offset="100%" stop-color="#ff8b5f"/>
    </linearGradient>
  </defs>
  <rect width="1600" height="900" fill="url(#bg)"/>
  <rect x="90" y="90" width="1420" height="720" rx="34" fill="#1a1119" fill-opacity="0.78" stroke="#ffc9af" stroke-opacity="0.18"/>
  <text x="150" y="172" fill="#ffd3bf" font-size="24" font-family="Arial, Helvetica, sans-serif" letter-spacing="8">VELORA GOODS</text>
  <text x="150" y="274" fill="#ffffff" font-size="76" font-weight="700" font-family="Arial, Helvetica, sans-serif">Commerce storytelling</text>
  <text x="150" y="354" fill="#ffffff" font-size="76" font-weight="700" font-family="Arial, Helvetica, sans-serif">with checkout confidence.</text>
  <text x="150" y="426" fill="#f5dcd6" font-size="28" font-family="Arial, Helvetica, sans-serif">Refined catalog hierarchy, product narrative, and purchase flow designed for mobile clarity.</text>
  <rect x="980" y="170" width="390" height="540" rx="30" fill="#ffffff" fill-opacity="0.08"/>
  <rect x="1020" y="224" width="310" height="184" rx="24" fill="#ffd9cc"/>
  <text x="1050" y="284" fill="#7d2f23" font-size="20" font-family="Arial, Helvetica, sans-serif" letter-spacing="4">FEATURED DROP</text>
  <text x="1050" y="340" fill="#381915" font-size="42" font-weight="700" font-family="Arial, Helvetica, sans-serif">Seasonal capsule</text>
  <rect x="1020" y="446" width="145" height="110" rx="18" fill="#ffffff" fill-opacity="0.1"/>
  <rect x="1185" y="446" width="145" height="110" rx="18" fill="#ffffff" fill-opacity="0.1"/>
  <text x="1048" y="506" fill="#ffffff" font-size="22" font-family="Arial, Helvetica, sans-serif">PLP flow</text>
  <text x="1218" y="506" fill="#ffffff" font-size="22" font-family="Arial, Helvetica, sans-serif">PDP depth</text>
  <rect x="150" y="548" width="244" height="120" rx="22" fill="#ffffff" fill-opacity="0.07"/>
  <rect x="424" y="548" width="244" height="120" rx="22" fill="#ffffff" fill-opacity="0.07"/>
  <rect x="698" y="548" width="244" height="120" rx="22" fill="#ffffff" fill-opacity="0.07"/>
  <text x="182" y="600" fill="#ffd3bf" font-size="18" font-family="Arial, Helvetica, sans-serif" letter-spacing="4">MOBILE</text>
  <text x="456" y="600" fill="#ffd3bf" font-size="18" font-family="Arial, Helvetica, sans-serif" letter-spacing="4">MERCH</text>
  <text x="730" y="600" fill="#ffd3bf" font-size="18" font-family="Arial, Helvetica, sans-serif" letter-spacing="4">CHECKOUT</text>
  <text x="182" y="642" fill="#ffffff" font-size="30" font-weight="700" font-family="Arial, Helvetica, sans-serif">Faster browse</text>
  <text x="456" y="642" fill="#ffffff" font-size="30" font-weight="700" font-family="Arial, Helvetica, sans-serif">Cleaner story</text>
  <text x="730" y="642" fill="#ffffff" font-size="30" font-weight="700" font-family="Arial, Helvetica, sans-serif">Less friction</text>
</svg>