79 lines
3.9 KiB
XML
79 lines
3.9 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400" width="400" height="400">
|
|
<defs>
|
|
<linearGradient id="dvLayerGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#6366F1"/>
|
|
<stop offset="100%" style="stop-color:#4F46E5"/>
|
|
</linearGradient>
|
|
<linearGradient id="dvProcessorGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#22D3EE"/>
|
|
<stop offset="100%" style="stop-color:#06B6D4"/>
|
|
</linearGradient>
|
|
<linearGradient id="dvFlowGrad" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" style="stop-color:#6366F1"/>
|
|
<stop offset="50%" style="stop-color:#22D3EE"/>
|
|
<stop offset="100%" style="stop-color:#6366F1"/>
|
|
</linearGradient>
|
|
<linearGradient id="dvUnderlineGrad" x1="45" y1="305" x2="355" y2="305" gradientUnits="userSpaceOnUse">
|
|
<stop offset="0%" style="stop-color:#6366F1"/>
|
|
<stop offset="50%" style="stop-color:#22D3EE"/>
|
|
<stop offset="100%" style="stop-color:#6366F1"/>
|
|
</linearGradient>
|
|
<filter id="dvProcessorGlow" x="-40%" y="-40%" width="180%" height="180%">
|
|
<feGaussianBlur stdDeviation="8" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<filter id="dvNodeGlow" x="-50%" y="-50%" width="200%" height="200%">
|
|
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
|
|
<feMerge>
|
|
<feMergeNode in="coloredBlur"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
<style>
|
|
.dv-wordmark { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; font-weight: 700; }
|
|
</style>
|
|
</defs>
|
|
|
|
<!-- Dark background -->
|
|
<rect width="400" height="400" fill="#0F172A"/>
|
|
|
|
<!-- Logo Icon (centered) -->
|
|
<g transform="translate(90, 40)">
|
|
<!-- Layers -->
|
|
<rect x="0" y="18" width="220" height="24" rx="5" fill="url(#dvLayerGrad)" opacity="0.75"/>
|
|
<rect x="0" y="88" width="220" height="24" rx="5" fill="url(#dvLayerGrad)"/>
|
|
<rect x="0" y="158" width="220" height="24" rx="5" fill="url(#dvLayerGrad)" opacity="0.75"/>
|
|
|
|
<!-- Flows -->
|
|
<path d="M35 42 Q35 65 70 85 Q95 100 95 100" stroke="url(#dvFlowGrad)" stroke-width="3" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M185 42 Q185 65 150 85 Q125 100 125 100" stroke="url(#dvFlowGrad)" stroke-width="3" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M95 100 Q95 100 70 115 Q35 135 35 158" stroke="url(#dvFlowGrad)" stroke-width="3" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
<path d="M125 100 Q125 100 150 115 Q185 135 185 158" stroke="url(#dvFlowGrad)" stroke-width="3" fill="none" opacity="0.7" stroke-linecap="round"/>
|
|
|
|
<!-- I/O Points -->
|
|
<circle cx="35" cy="30" r="7" fill="#22D3EE" filter="url(#dvNodeGlow)"/>
|
|
<circle cx="185" cy="30" r="7" fill="#22D3EE" filter="url(#dvNodeGlow)"/>
|
|
<circle cx="35" cy="170" r="7" fill="#6366F1" filter="url(#dvNodeGlow)"/>
|
|
<circle cx="185" cy="170" r="7" fill="#6366F1" filter="url(#dvNodeGlow)"/>
|
|
|
|
<!-- Central processor -->
|
|
<rect x="85" y="75" width="50" height="50" rx="9" fill="url(#dvProcessorGrad)" filter="url(#dvProcessorGlow)"/>
|
|
<rect x="97" y="87" width="26" height="26" rx="5" fill="#ffffff" opacity="0.95"/>
|
|
|
|
<!-- Equalizer bars -->
|
|
<rect x="101" y="96" width="4" height="13" rx="1" fill="#22D3EE"/>
|
|
<rect x="108" y="93" width="4" height="18" rx="1" fill="#06B6D4"/>
|
|
<rect x="115" y="95" width="4" height="14" rx="1" fill="#22D3EE"/>
|
|
</g>
|
|
|
|
<!-- Wordmark (centered below icon) -->
|
|
<text x="200" y="285" class="dv-wordmark" font-size="48" fill="url(#dvLayerGrad)" text-anchor="middle">Stratum<tspan fill="url(#dvProcessorGrad)">I</tspan>Ops</text>
|
|
|
|
<!-- Underline -->
|
|
<line x1="45" y1="305" x2="355" y2="305" stroke="url(#dvUnderlineGrad)" stroke-width="3" stroke-linecap="round" opacity="0.7"/>
|
|
|
|
</svg>
|