<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 372" width="820" height="372" role="img" aria-labelledby="t d" font-family="'Manrope', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif">
  <title id="t">Commodities are interchangeable physical goods, and gold is a safe haven</title>
  <desc id="d">A commodity is a basic physical good interchangeable with others of its kind, such as oil, gold, wheat or copper, so they trade on price alone. Gold doubles as a safe haven: money flows in when fear rises and out when greed returns.</desc>
  <rect x="0" y="0" width="820" height="372" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">Commodities Trade On Price Alone</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">Interchangeable physical goods: one unit is much like another</text>

  <g font-size="15" font-weight="700" text-anchor="middle">
    <rect x="56"  y="150" width="160" height="92" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/><text x="136" y="202" fill="#334155">Oil</text>
    <rect x="240" y="150" width="160" height="92" rx="12" fill="#FFF7E6" stroke="#EAB308" stroke-width="1.5"/><text x="320" y="196" fill="#92710A">Gold</text><text x="320" y="218" font-size="11" font-weight="600" fill="#92710A">safe haven</text>
    <rect x="424" y="150" width="160" height="92" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/><text x="504" y="202" fill="#334155">Wheat</text>
    <rect x="608" y="150" width="160" height="92" rx="12" fill="#F6F8FB" stroke="#0F172A" stroke-opacity="0.08"/><text x="688" y="202" fill="#334155">Copper</text>
  </g>

  <text x="410" y="300" font-size="13" fill="#5A6578" text-anchor="middle">Money tends to flow into gold when fear rises, a sentiment signal like flows into bonds.</text>
</svg>
