Current section

Files

Jump to
dspex assets dspex-logo.svg
Raw

assets/dspex-logo.svg

<svg width="256" height="256" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="logoTitle logoDesc">
<title id="logoTitle">DSPex Logo</title>
<desc id="logoDesc">A hexagonal logo for DSPex. Inside is a purple octopus character with a sad mouth, an antenna, and wearing glowing cyan glasses. Its central tentacles form a cyan arrow, representing a DSPy signature (input -> output).</desc>
<defs>
<linearGradient id="hexagonGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#2a163b; stop-opacity:1" />
<stop offset="100%" style="stop-color:#1c0e29; stop-opacity:1" />
</linearGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="1.5" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Hexagon Background -->
<path d="M60 5 L110 32.5 V 87.5 L60 115 L10 87.5 V 32.5 Z" fill="url(#hexagonGradient)" stroke="#4B276A" stroke-width="2"/>
<!-- Octopus (Centered) -->
<g>
<!-- Tentacles (Purple) -->
<path d="M25,60 C15,70 15,90 28,95" stroke="#4B276A" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M95,60 C105,70 105,90 92,95" stroke="#4B276A" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M38,75 C30,90 35,100 45,100" stroke="#4B276A" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M82,75 C90,90 85,100 75,100" stroke="#4B276A" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M30,45 C20,35 25,20 35,22" stroke="#4B276A" stroke-width="4" fill="none" stroke-linecap="round"/>
<path d="M90,45 C100,35 95,20 85,22" stroke="#4B276A" stroke-width="4" fill="none" stroke-linecap="round"/>
<!-- Head and Body -->
<path d="M40,50 C40,20 80,20 80,50 C85,60 75,75 60,75 C45,75 35,60 40,50 Z" fill="#4B276A"/>
<!-- Central Arrow Tentacles (Cyan) -->
<g filter="url(#glow)">
<!-- Arrow Line -->
<path d="M60,74 C60,60, 40,55, 40,45" stroke="#33D1FF" stroke-width="4.5" fill="none" stroke-linecap="round"/>
<!-- Arrow Head -->
<path d="M60,74 C60,60, 80,55, 80,45" stroke="#33D1FF" stroke-width="4.5" fill="none" stroke-linecap="round"/>
<path d="M72,49 L80,45 L76,39" stroke="#33D1FF" stroke-width="4.5" fill="none" stroke-linecap="round" stroke-linejoin="round"/>
</g>
<!-- Character Details (Glasses, Mouth, Antenna) -->
<g fill="none" stroke="#33D1FF" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round">
<!-- Antenna -->
<path d="M60,25 V 20" />
<!-- Sad Mouth -->
<path d="M55,46 Q60,42, 65,46" />
<!-- Glasses -->
<path d="M 48,35 H 72" /> <!-- Top Bar -->
<path d="M 48,35 C 48,42 56,42 56,35" /> <!-- Left Lens Curve -->
<path d="M 64,35 C 64,42 72,42 72,35" /> <!-- Right Lens Curve -->
</g>
</g>
</svg>