<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 800" role="img" aria-labelledby="title desc">
  <title id="title">DTC Commerce Experience card</title>
  <desc id="desc">Compact storefront card asset for the DTC commerce experience portfolio.</desc>
  <rect width="1200" height="800" fill="#2a1627"/>
  <rect x="84" y="84" width="1032" height="632" rx="34" fill="#fff7f3"/>
  <rect x="124" y="132" width="952" height="74" rx="18" fill="#f7dfd4"/>
  <text x="164" y="178" fill="#8a4630" font-size="22" font-family="Arial, Helvetica, sans-serif" letter-spacing="6">E-COMMERCE</text>
  <text x="126" y="314" fill="#241417" font-size="66" font-weight="700" font-family="Arial, Helvetica, sans-serif">DTC Commerce</text>
  <text x="126" y="388" fill="#241417" font-size="66" font-weight="700" font-family="Arial, Helvetica, sans-serif">Experience</text>
  <text x="126" y="454" fill="#6e585c" font-size="28" font-family="Arial, Helvetica, sans-serif">Catalog simplification, product narrative, and a better mobile purchase path.</text>
  <rect x="770" y="264" width="250" height="280" rx="28" fill="#f7dfd4"/>
  <text x="808" y="330" fill="#8a4630" font-size="20" font-family="Arial, Helvetica, sans-serif" letter-spacing="4">CHECKOUT</text>
  <text x="808" y="392" fill="#241417" font-size="32" font-weight="700" font-family="Arial, Helvetica, sans-serif">Reduced steps</text>
  <text x="808" y="446" fill="#241417" font-size="32" font-weight="700" font-family="Arial, Helvetica, sans-serif">Higher clarity</text>
</svg>