assets/logo.svg

7.17 KB · Oct 5, 2026 · 18:30 UTC
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256" role="img" aria-label="TokenX logo">
  <defs>
    <linearGradient id="board" x1="0" y1="0" x2="0" y2="256" gradientUnits="userSpaceOnUse">
      <stop offset="0%" stop-color="#1A2128"/>
      <stop offset="100%" stop-color="#0A0D10"/>
    </linearGradient>
    <linearGradient id="metal" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#E2E6EA"/>
      <stop offset="40%" stop-color="#A8B0B8"/>
      <stop offset="100%" stop-color="#5C656E"/>
    </linearGradient>
    <linearGradient id="metalWarm" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#D0CBC4"/>
      <stop offset="45%" stop-color="#8E8880"/>
      <stop offset="100%" stop-color="#4E4943"/>
    </linearGradient>
    <linearGradient id="housing" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0%" stop-color="#2A3138"/>
      <stop offset="100%" stop-color="#14191E"/>
    </linearGradient>
    <linearGradient id="pin" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0%" stop-color="#6A727A"/>
      <stop offset="35%" stop-color="#D6DCE2"/>
      <stop offset="100%" stop-color="#7A828A"/>
    </linearGradient>
    <pattern id="fr4" width="10" height="10" patternUnits="userSpaceOnUse">
      <path d="M0 5H10M5 0V10" stroke="#24303A" stroke-width="0.5" opacity="0.4"/>
    </pattern>
  </defs>

  <!-- board -->
  <rect width="256" height="256" rx="44" fill="url(#board)"/>
  <rect width="256" height="256" rx="44" fill="url(#fr4)"/>
  <rect x="12" y="12" width="232" height="232" rx="34" fill="none" stroke="#2C3640" stroke-width="2"/>

  <!-- silkscreen footprint (offset) -->
  <rect x="72" y="84" width="104" height="92" rx="6" fill="none" stroke="#3A4650" stroke-width="1.5" stroke-dasharray="4 3"/>

  <!-- ========== TOP: 7-pin, left-shifted, pitch 14 ========== -->
  <!-- housing: pins at x=76,90,104,118,132,146,160  centers; pin w=6 → lefts 73..157 -->
  <rect x="64" y="20" width="112" height="30" rx="4" fill="url(#housing)" stroke="#4A5560" stroke-width="1.5"/>
  <rect x="70" y="24" width="100" height="10" rx="2" fill="#0C1014"/>
  <g fill="url(#pin)">
    <rect x="73" y="26" width="6" height="22" rx="1"/>
    <rect x="87" y="26" width="6" height="22" rx="1"/>
    <rect x="101" y="26" width="6" height="22" rx="1"/>
    <rect x="115" y="26" width="6" height="22" rx="1"/>
    <rect x="129" y="26" width="6" height="22" rx="1"/>
    <rect x="143" y="26" width="6" height="22" rx="1"/>
    <rect x="157" y="26" width="6" height="22" rx="1"/>
  </g>

  <!-- ========== BOTTOM: 4-pin, right-shifted, pitch 16 ========== -->
  <!-- centers x=122,138,154,170 -->
  <rect x="108" y="206" width="80" height="28" rx="4" fill="url(#housing)" stroke="#4A5560" stroke-width="1.5"/>
  <rect x="114" y="220" width="68" height="10" rx="2" fill="#0C1014"/>
  <g fill="url(#pin)">
    <rect x="119" y="208" width="6" height="22" rx="1"/>
    <rect x="135" y="208" width="6" height="22" rx="1"/>
    <rect x="151" y="208" width="6" height="22" rx="1"/>
    <rect x="167" y="208" width="6" height="22" rx="1"/>
  </g>

  <!-- ========== LEFT: 5-pin, lower, pitch 16 ========== -->
  <!-- centers y=112,128,144,160,176 -->
  <rect x="20" y="96" width="28" height="96" rx="4" fill="url(#housing)" stroke="#4A5560" stroke-width="1.5"/>
  <rect x="24" y="102" width="10" height="84" rx="2" fill="#0C1014"/>
  <g fill="url(#pin)">
    <rect x="26" y="109" width="20" height="6" rx="1"/>
    <rect x="26" y="125" width="20" height="6" rx="1"/>
    <rect x="26" y="141" width="20" height="6" rx="1"/>
    <rect x="26" y="157" width="20" height="6" rx="1"/>
    <rect x="26" y="173" width="20" height="6" rx="1"/>
  </g>

  <!-- ========== RIGHT: 3-pin, higher, pitch 16 ========== -->
  <!-- centers y=80,96,112 -->
  <rect x="208" y="64" width="28" height="64" rx="4" fill="url(#housing)" stroke="#4A5560" stroke-width="1.5"/>
  <rect x="222" y="70" width="10" height="52" rx="2" fill="#0C1014"/>
  <g fill="url(#pin)">
    <rect x="210" y="77" width="20" height="6" rx="1"/>
    <rect x="210" y="93" width="20" height="6" rx="1"/>
    <rect x="210" y="109" width="20" height="6" rx="1"/>
  </g>

  <!-- ========== traces — aligned to pin centers ========== -->
  <!-- top centers: 76,90,104,118,132,146,160 -->
  <g fill="none" stroke="url(#metal)" stroke-width="2.8" stroke-linecap="square" stroke-linejoin="miter">
    <path d="M76 48V72L64 92"/>
    <path d="M90 48V68L78 88"/>
    <path d="M104 48V66L94 84"/>
    <path d="M118 48V64L112 82"/>
    <path d="M132 48V64L142 84"/>
    <path d="M146 48V68L158 90"/>
    <path d="M160 48V72L174 96"/>
  </g>

  <!-- bottom centers: 122,138,154,170 -->
  <g fill="none" stroke="url(#metal)" stroke-width="2.8" stroke-linecap="square" stroke-linejoin="miter">
    <path d="M122 208V184L104 164"/>
    <path d="M138 208V188L128 170"/>
    <path d="M154 208V188L162 170"/>
    <path d="M170 208V184L182 162"/>
  </g>

  <!-- left centers: 112,128,144,160,176 -->
  <g fill="none" stroke="url(#metalWarm)" stroke-width="2.8" stroke-linecap="square" stroke-linejoin="miter">
    <path d="M46 112H70L88 94"/>
    <path d="M46 128H66L86 112"/>
    <path d="M46 144H64L88 144"/>
    <path d="M46 160H66L86 168"/>
    <path d="M46 176H72L94 186"/>
  </g>

  <!-- right centers: 80,96,112 -->
  <g fill="none" stroke="url(#metalWarm)" stroke-width="2.8" stroke-linecap="square" stroke-linejoin="miter">
    <path d="M210 80H186L168 74"/>
    <path d="M210 96H182L164 98"/>
    <path d="M210 112H184L170 120"/>
  </g>

  <!-- ========== X finger bundles ========== -->
  <g stroke="url(#metal)" stroke-width="4.5" stroke-linecap="butt">
    <line x1="78" y1="88" x2="114" y2="118"/>
    <line x1="84" y1="84" x2="118" y2="112"/>
    <line x1="74" y1="94" x2="110" y2="122"/>
    <line x1="136" y1="136" x2="176" y2="176"/>
    <line x1="140" y1="132" x2="180" y2="172"/>
    <line x1="132" y1="140" x2="172" y2="180"/>
    <line x1="144" y1="144" x2="184" y2="184"/>
  </g>
  <g stroke="url(#metalWarm)" stroke-width="4.5" stroke-linecap="butt">
    <line x1="168" y1="78" x2="138" y2="112"/>
    <line x1="172" y1="84" x2="142" y2="116"/>
    <line x1="116" y1="140" x2="78" y2="178"/>
    <line x1="120" y1="144" x2="82" y2="182"/>
    <line x1="112" y1="136" x2="74" y2="174"/>
    <line x1="124" y1="148" x2="86" y2="186"/>
  </g>

  <!-- center socket (slightly off-center) -->
  <rect x="116" y="118" width="30" height="28" rx="4" fill="url(#housing)" stroke="#5A646E" stroke-width="1.5"/>
  <g fill="url(#pin)">
    <rect x="122" y="123" width="6" height="6" rx="1"/>
    <rect x="134" y="123" width="6" height="6" rx="1"/>
    <rect x="122" y="135" width="6" height="6" rx="1"/>
    <rect x="134" y="135" width="6" height="6" rx="1"/>
  </g>
  <circle cx="131" cy="132" r="2.4" fill="#0C1014" stroke="#A0A8B0" stroke-width="1.1"/>

  <!-- mounting holes (asymmetric sizes) -->
  <g fill="#0C1014" stroke="#6A747E" stroke-width="2">
    <circle cx="32" cy="32" r="7"/>
    <circle cx="224" cy="32" r="7"/>
    <circle cx="32" cy="224" r="6"/>
    <circle cx="224" cy="224" r="8"/>
  </g>
  <g fill="none" stroke="#3A444E" stroke-width="1.2">
    <circle cx="32" cy="32" r="3.5"/>
    <circle cx="224" cy="32" r="3.5"/>
    <circle cx="32" cy="224" r="2.8"/>
    <circle cx="224" cy="224" r="4"/>
  </g>
</svg>
SHA-256: f6515c5cbfc7a9fe985c4f2500bcfa18526bac124a5643d4f0a480e0dd203686