118 lines
5.8 KiB
XML
118 lines
5.8 KiB
XML
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 200" width="100%" height="100%" preserveAspectRatio="xMidYMid meet">
|
||
|
|
<defs>
|
||
|
|
<!-- Google Fonts import -->
|
||
|
|
<style>
|
||
|
|
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@800&display=swap');
|
||
|
|
</style>
|
||
|
|
<linearGradient id="techGradVW" x1="0%" y1="0%" x2="100%" y2="0%">
|
||
|
|
<stop offset="0%" style="stop-color:#22d3ee;stop-opacity:1"/>
|
||
|
|
<stop offset="50%" style="stop-color:#a855f7;stop-opacity:1"/>
|
||
|
|
<stop offset="100%" style="stop-color:#ec4899;stop-opacity:1"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<linearGradient id="vertGradVW" x1="0%" y1="100%" x2="0%" y2="0%">
|
||
|
|
<stop offset="0%" style="stop-color:#22d3ee;stop-opacity:1"/>
|
||
|
|
<stop offset="50%" style="stop-color:#a855f7;stop-opacity:0.8"/>
|
||
|
|
<stop offset="100%" style="stop-color:#ec4899;stop-opacity:0.4"/>
|
||
|
|
</linearGradient>
|
||
|
|
|
||
|
|
<filter id="techGlowVW">
|
||
|
|
<feGaussianBlur stdDeviation="2" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<filter id="strongGlowVW">
|
||
|
|
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
|
||
|
|
<feMerge>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="coloredBlur"/>
|
||
|
|
<feMergeNode in="SourceGraphic"/>
|
||
|
|
</feMerge>
|
||
|
|
</filter>
|
||
|
|
|
||
|
|
<filter id="glassVW">
|
||
|
|
<feGaussianBlur in="SourceGraphic" stdDeviation="0.5" result="blur"/>
|
||
|
|
<feColorMatrix in="blur" type="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo"/>
|
||
|
|
<feBlend in="SourceGraphic" in2="goo"/>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
|
||
|
|
<!-- Fondo blanco -->
|
||
|
|
<rect width="150" height="200" fill="#ffffff"/>
|
||
|
|
|
||
|
|
<!-- Grid de fondo técnico sutil -->
|
||
|
|
<g opacity="0.08" stroke="#22d3ee" stroke-width="0.5">
|
||
|
|
<line x1="0" y1="50" x2="150" y2="50"/>
|
||
|
|
<line x1="0" y1="100" x2="150" y2="100"/>
|
||
|
|
<line x1="0" y1="150" x2="150" y2="150"/>
|
||
|
|
<line x1="37" y1="0" x2="37" y2="200"/>
|
||
|
|
<line x1="75" y1="0" x2="75" y2="200"/>
|
||
|
|
<line x1="112" y1="0" x2="112" y2="200"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Símbolo técnico -->
|
||
|
|
<g transform="translate(75, 90) scale(0.33)">
|
||
|
|
<rect x="-25" y="0" width="50" height="6.67" fill="url(#techGradVW)" opacity="0.8" rx="3.33"/>
|
||
|
|
|
||
|
|
<path d="M 0 0 L 0 -50 L 8.33 -58 L -8.33 -75 L 8.33 -92 L -8.33 -108 L 8.33 -125 L 0 -133 L 0 -200" stroke="url(#vertGradVW)" stroke-width="5" fill="none" stroke-linecap="round" stroke-linejoin="round" filter="url(#techGlowVW)"/>
|
||
|
|
|
||
|
|
<path d="M -33 0 L -33 -42 L -30 -58 L -37 -75 L -30 -92 L -37 -108 L -33 -125 L -33 -167" stroke="#22d3ee" stroke-width="3.33" fill="none" stroke-linecap="round" opacity="0.6" filter="url(#techGlowVW)"/>
|
||
|
|
|
||
|
|
<path d="M -58 0 L -58 -33 L -53 -50 L -63 -67 L -53 -83 L -63 -100 L -58 -117 L -58 -142" stroke="#a855f7" stroke-width="2.5" fill="none" stroke-linecap="round" opacity="0.5"/>
|
||
|
|
|
||
|
|
<path d="M 33 0 L 33 -42 L 30 -58 L 37 -75 L 30 -92 L 37 -108 L 33 -125 L 33 -167" stroke="#ec4899" stroke-width="3.33" fill="none" stroke-linecap="round" opacity="0.6" filter="url(#techGlowVW)"/>
|
||
|
|
|
||
|
|
<path d="M 58 0 L 58 -33 L 53 -50 L 63 -67 L 53 -83 L 63 -100 L 58 -117 L 58 -142" stroke="#22d3ee" stroke-width="2.5" fill="none" stroke-linecap="round" opacity="0.5"/>
|
||
|
|
|
||
|
|
<circle cx="0" cy="-67" r="5" fill="#22d3ee" filter="url(#strongGlowVW)"/>
|
||
|
|
<circle cx="0" cy="-100" r="4.17" fill="#a855f7" filter="url(#strongGlowVW)"/>
|
||
|
|
<circle cx="0" cy="-133" r="3.33" fill="#ec4899" filter="url(#strongGlowVW)"/>
|
||
|
|
|
||
|
|
<circle cx="-33" cy="-83" r="3.33" fill="#22d3ee" opacity="0.7"/>
|
||
|
|
<circle cx="33" cy="-92" r="3.33" fill="#ec4899" opacity="0.7"/>
|
||
|
|
<circle cx="-58" cy="-58" r="2.5" fill="#a855f7" opacity="0.5"/>
|
||
|
|
<circle cx="58" cy="-67" r="2.5" fill="#22d3ee" opacity="0.5"/>
|
||
|
|
|
||
|
|
<polygon points="0,-158 5,-162 5,-167 0,-170 -5,-167 -5,-162" stroke="#22d3ee" fill="none" stroke-width="1.67" opacity="0.6"/>
|
||
|
|
<polygon points="-42,-117 -37,-120 -37,-125 -42,-128 -47,-125 -47,-120" stroke="#a855f7" fill="none" stroke-width="1.67" opacity="0.5"/>
|
||
|
|
<polygon points="42,-125 47,-128 47,-133 42,-137 37,-133 37,-128" stroke="#ec4899" fill="none" stroke-width="1.67" opacity="0.5"/>
|
||
|
|
|
||
|
|
<line x1="-33" y1="-100" x2="-8" y2="-100" stroke="#22d3ee" stroke-width="0.83" opacity="0.4"/>
|
||
|
|
<line x1="8" y1="-117" x2="33" y2="-117" stroke="#ec4899" stroke-width="0.83" opacity="0.4"/>
|
||
|
|
<line x1="-58" y1="-83" x2="-37" y2="-83" stroke="#a855f7" stroke-width="0.83" opacity="0.3"/>
|
||
|
|
<line x1="37" y1="-92" x2="58" y2="-92" stroke="#22d3ee" stroke-width="0.83" opacity="0.3"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Texto VAPORA -->
|
||
|
|
<g filter="url(#glassVW)">
|
||
|
|
<text x="75" y="135" font-family="'JetBrains Mono', 'Fira Code', monospace" font-size="32" font-weight="800" fill="url(#techGradVW)" letter-spacing="2" text-anchor="middle">
|
||
|
|
VAPORA
|
||
|
|
</text>
|
||
|
|
|
||
|
|
<text x="75" y="135" font-family="'JetBrains Mono', 'Fira Code', monospace" font-size="32" font-weight="800" fill="none" stroke="rgba(0,0,0,0.1)" stroke-width="0.3" letter-spacing="2" text-anchor="middle">
|
||
|
|
VAPORA
|
||
|
|
</text>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
<!-- Glow en texto -->
|
||
|
|
<text x="75" y="135" font-family="'JetBrains Mono', 'Fira Code', monospace" font-size="32" font-weight="800" fill="url(#techGradVW)" letter-spacing="2" filter="url(#techGlowVW)" opacity="0.3" text-anchor="middle">
|
||
|
|
VAPORA
|
||
|
|
</text>
|
||
|
|
|
||
|
|
<!-- Tagline -->
|
||
|
|
<text x="75" y="155" font-family="'Inter', sans-serif" font-size="8" fill="#a855f7" opacity="0.8" letter-spacing="0.1em" text-anchor="middle">
|
||
|
|
Evaporate complexity
|
||
|
|
</text>
|
||
|
|
|
||
|
|
<!-- Indicador técnico decorativo -->
|
||
|
|
<g transform="translate(75, 170)">
|
||
|
|
<rect x="0" y="0" width="1.5" height="10" fill="#22d3ee" opacity="0.6"/>
|
||
|
|
<rect x="4" y="0" width="1.5" height="12" fill="#a855f7" opacity="0.6"/>
|
||
|
|
<rect x="8" y="0" width="1.5" height="8" fill="#ec4899" opacity="0.6"/>
|
||
|
|
</g>
|
||
|
|
|
||
|
|
</svg>
|