banner.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 300" width="1200" height="300" role="img" aria-label="HakkoLab — the AI research lab of HakkoAI">
  <defs>
    <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#fff7f2"/>
      <stop offset="1" stop-color="#ffffff"/>
    </linearGradient>
    <linearGradient id="orange" x1="0" y1="0" x2="1" y2="1">
      <stop offset="0" stop-color="#ff8a5b"/>
      <stop offset="1" stop-color="#ff6a2b"/>
    </linearGradient>
    <radialGradient id="glow" cx="0.78" cy="0.5" r="0.5">
      <stop offset="0" stop-color="#ff7849" stop-opacity="0.16"/>
      <stop offset="1" stop-color="#ff7849" stop-opacity="0"/>
    </radialGradient>
  </defs>

  <!-- background -->
  <rect width="1200" height="300" fill="url(#bg)"/>
  <rect width="1200" height="300" fill="url(#glow)"/>
  <rect x="0" y="0" width="1200" height="6" fill="url(#orange)"/>

  <!-- world-model lattice motif (right) -->
  <g stroke="#ff7849" stroke-opacity="0.35" stroke-width="1.5">
    <line x1="905" y1="95"  x2="985" y2="62"/>
    <line x1="985" y1="62"  x2="1065" y2="112"/>
    <line x1="1065" y1="112" x2="1125" y2="72"/>
    <line x1="905" y1="95"  x2="945" y2="162"/>
    <line x1="945" y1="162" x2="1035" y2="192"/>
    <line x1="1065" y1="112" x2="1035" y2="192"/>
    <line x1="1035" y1="192" x2="1115" y2="172"/>
    <line x1="945" y1="162" x2="975" y2="248"/>
    <line x1="1035" y1="192" x2="1085" y2="242"/>
    <line x1="1115" y1="172" x2="1085" y2="242"/>
  </g>
  <g fill="none" stroke="#ff7849" stroke-opacity="0.14" stroke-width="1.5">
    <circle cx="1035" cy="150" r="70"/>
    <circle cx="1035" cy="150" r="120"/>
  </g>
  <g fill="url(#orange)">
    <circle cx="905" cy="95" r="6"/>
    <circle cx="985" cy="62" r="5"/>
    <circle cx="1065" cy="112" r="7"/>
    <circle cx="1125" cy="72" r="5"/>
    <circle cx="945" cy="162" r="6"/>
    <circle cx="1035" cy="192" r="8"/>
    <circle cx="1115" cy="172" r="5"/>
    <circle cx="975" cy="248" r="5"/>
    <circle cx="1085" cy="242" r="6"/>
  </g>

  <!-- wordmark + tagline -->
  <g font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif">
    <text x="80" y="135" font-size="74" font-weight="700" fill="#1c2228" letter-spacing="-1">Hakko<tspan fill="#ff7849">Lab</tspan></text>
    <rect x="84" y="158" width="64" height="5" rx="2.5" fill="url(#orange)"/>
    <text x="84" y="196" font-size="25" font-weight="600" fill="#3a424c">The AI research lab of HakkoAI</text>
    <text x="84" y="231" font-size="17" font-weight="500" fill="#8a929c" letter-spacing="0.4">World models · Embodied agents · Multimodal companions</text>
  </g>
</svg>