otko/docs/logo.svg

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 720 180" width="720" height="180" role="img" aria-label="OTKO">
  <title>OTKO</title>
  <desc>Wordmark logo for OTKO — a SAP2000-style desktop GUI for OpenSeesPy.</desc>

  <defs>
    <linearGradient id="bg" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#1B2434"/>
      <stop offset="100%" stop-color="#0C1119"/>
    </linearGradient>
    <linearGradient id="frameStroke" x1="0%" y1="0%" x2="100%" y2="100%">
      <stop offset="0%" stop-color="#A5D1FF"/>
      <stop offset="100%" stop-color="#4F92E8"/>
    </linearGradient>
  </defs>

  <!-- Background panel — consistent contrast on light and dark themes -->
  <rect x="0" y="0" width="720" height="180" rx="16" fill="url(#bg)"/>

  <!-- Mark: portal frame under lateral (pushover) load -->
  <g transform="translate(44, 30)" stroke-linecap="round" stroke-linejoin="round" fill="none">
    <!-- Deformed-shape ghost — pushover sway to the right -->
    <path d="M 8 96 L 24 16 L 124 16 L 108 96"
          stroke="#4F92E8" stroke-width="5" stroke-dasharray="2 6" opacity="0.5"/>
    <!-- Push arrow -->
    <path d="M -30 16 L -12 16" stroke="#F2A93B" stroke-width="6"/>
    <polygon points="-6,16 -18,8 -18,24" fill="#F2A93B"/>
    <!-- Frame -->
    <path d="M 8 96 L 8 16 L 108 16 L 108 96"
          stroke="url(#frameStroke)" stroke-width="8"/>
    <!-- Fixed supports -->
    <polygon points="8,96 -2,108 18,108" fill="#F2A93B"/>
    <polygon points="108,96 98,108 118,108" fill="#F2A93B"/>
  </g>

  <!-- Wordmark -->
  <g font-family="Segoe UI, Inter, Helvetica, Arial, sans-serif">
    <text x="200" y="105" font-size="62" font-weight="700" letter-spacing="-1">
      <tspan fill="#E8EDF5">OTKO</tspan>
    </text>
    <text x="202" y="133" font-size="15" font-weight="500" letter-spacing="3" fill="#8FA2BF">
      A SAP2000-STYLE GUI FOR OPENSEESPY
    </text>
  </g>
</svg>