banner.svg

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="260" viewBox="0 0 1200 260" role="img" aria-label="Dhi Labs: edge vision AI that refuses to guess">
  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#0b1220"/>
      <stop offset="100%" stop-color="#141b2e"/>
    </linearGradient>
  </defs>

  <rect width="1200" height="260" fill="url(#bg)"/>

  <!-- geometric accent: aperture / calibration rings, offset right -->
  <g stroke="#38bdf8" stroke-width="2" fill="none" opacity="0.85">
    <circle cx="1030" cy="130" r="86"/>
    <circle cx="1030" cy="130" r="58"/>
    <circle cx="1030" cy="130" r="30"/>
  </g>
  <g stroke="#38bdf8" stroke-width="2" opacity="0.55">
    <line x1="944" y1="130" x2="912" y2="130"/>
    <line x1="1116" y1="130" x2="1148" y2="130"/>
    <line x1="1030" y1="44" x2="1030" y2="12"/>
    <line x1="1030" y1="216" x2="1030" y2="248"/>
  </g>
  <circle cx="1030" cy="130" r="5" fill="#38bdf8"/>

  <!-- thin accent rule under wordmark -->
  <rect x="88" y="150" width="64" height="6" fill="#38bdf8"/>

  <text x="88" y="118" font-family="-apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="64" font-weight="700" fill="#f8fafc">Dhi Labs</text>
  <text x="88" y="196" font-family="-apple-system, 'Segoe UI', Helvetica, Arial, sans-serif" font-size="26" font-weight="400" fill="#94a3b8">Edge vision AI that refuses to guess</text>
</svg>