<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820 376" width="820" height="376" 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">The S&amp;P 500 tracks about 500 of the largest US companies, weighted by size</title>
  <desc id="d">The S&amp;P 500 is the standard stand-in for the US stock market. It tracks around 500 of the largest US companies, weighted by size, so the biggest firms move it most. Its overall mood reads how the whole US market feels.</desc>
  <rect x="0" y="0" width="820" height="376" rx="14" fill="#ffffff"/>
  <text x="40" y="52" font-size="26" font-weight="800" fill="#0F172A">The S&amp;P 500: The US Market Benchmark</text>
  <text x="40" y="80" font-size="15" fill="#5A6578">About <tspan font-family="'JetBrains Mono', ui-monospace, monospace" font-weight="700" fill="#0F172A">500</tspan> of the largest US companies, weighted by size</text>

  <!-- size-weighted blocks -->
  <g stroke="#ffffff" stroke-width="2">
    <rect x="70"  y="130" width="150" height="150" fill="#0284C7"/>
    <rect x="222" y="130" width="110" height="150" fill="#0284C7" fill-opacity="0.8"/>
    <rect x="334" y="130" width="86"  height="90"  fill="#0284C7" fill-opacity="0.6"/>
    <rect x="334" y="222" width="86"  height="58"  fill="#0284C7" fill-opacity="0.45"/>
    <rect x="422" y="130" width="60" height="60" fill="#7DBFE8"/><rect x="484" y="130" width="60" height="60" fill="#7DBFE8"/>
    <rect x="422" y="192" width="40" height="40" fill="#A9D5F0"/><rect x="464" y="192" width="40" height="40" fill="#A9D5F0"/><rect x="506" y="192" width="38" height="40" fill="#A9D5F0"/>
    <rect x="422" y="234" width="40" height="46" fill="#CBE5F7"/><rect x="464" y="234" width="40" height="46" fill="#CBE5F7"/><rect x="506" y="234" width="38" height="46" fill="#CBE5F7"/>
  </g>
  <text x="145" y="212" font-size="13" font-weight="700" fill="#ffffff" text-anchor="middle">mega-caps</text>

  <text x="600" y="180" font-size="13.5" fill="#5A6578">Bigger firms take up</text>
  <text x="600" y="200" font-size="13.5" fill="#5A6578">more of the index, so</text>
  <text x="600" y="220" font-size="13.5" fill="#5A6578">they move it most.</text>

  <text x="410" y="334" font-size="13" fill="#5A6578" text-anchor="middle">When people say "the market" rose or fell, they usually mean the S&amp;P 500.</text>
</svg>
