118 lines
5.8 KiB
XML
118 lines
5.8 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 700" width="100%" height="100%">
|
|
<defs>
|
|
<!-- Radial Ambient Glow -->
|
|
<radialGradient id="sBgGlow" cx="50%" cy="40%" r="55%">
|
|
<stop offset="0%" stop-color="#9333ea" stop-opacity="0.45"/>
|
|
<stop offset="70%" stop-color="#3b0764" stop-opacity="0.2"/>
|
|
<stop offset="100%" stop-color="#09090b" stop-opacity="0"/>
|
|
</radialGradient>
|
|
|
|
<!-- Chrome & Neon Gradients -->
|
|
<linearGradient id="sChromeGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#ffffff"/>
|
|
<stop offset="40%" stop-color="#f5d0fe"/>
|
|
<stop offset="50%" stop-color="#a855f7"/>
|
|
<stop offset="85%" stop-color="#581c87"/>
|
|
<stop offset="100%" stop-color="#3b0764"/>
|
|
</linearGradient>
|
|
|
|
<linearGradient id="sZoneGrad" x1="0%" y1="0%" x2="0%" y2="100%">
|
|
<stop offset="0%" stop-color="#ffffff"/>
|
|
<stop offset="40%" stop-color="#fbcfe8"/>
|
|
<stop offset="50%" stop-color="#ec4899"/>
|
|
<stop offset="85%" stop-color="#9d174d"/>
|
|
<stop offset="100%" stop-color="#500724"/>
|
|
</linearGradient>
|
|
|
|
<linearGradient id="sGlowBorder" x1="0%" y1="0%" x2="100%" y2="100%">
|
|
<stop offset="0%" stop-color="#ec4899"/>
|
|
<stop offset="50%" stop-color="#a855f7"/>
|
|
<stop offset="100%" stop-color="#6366f1"/>
|
|
</linearGradient>
|
|
|
|
<filter id="sGlow" x="-20%" y="-20%" width="140%" height="140%">
|
|
<feGaussianBlur stdDeviation="6" result="b1"/>
|
|
<feGaussianBlur stdDeviation="14" result="b2"/>
|
|
<feMerge>
|
|
<feMergeNode in="b2"/>
|
|
<feMergeNode in="b1"/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<style>
|
|
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,900&family=Outfit:wght@800;900&display=swap');
|
|
.s-drip-font {
|
|
font-family: 'Outfit', 'Montserrat', -apple-system, sans-serif;
|
|
font-weight: 900;
|
|
font-style: italic;
|
|
text-transform: uppercase;
|
|
}
|
|
.s-tagline-font {
|
|
font-family: 'Montserrat', sans-serif;
|
|
font-weight: 800;
|
|
letter-spacing: 0.22em;
|
|
text-transform: uppercase;
|
|
}
|
|
</style>
|
|
|
|
<!-- Ambient Glow -->
|
|
<rect x="0" y="0" width="600" height="700" fill="url(#sBgGlow)"/>
|
|
|
|
<!-- Top Center: Glowing "D" Sneaker Emblem -->
|
|
<g transform="translate(65, -20) scale(0.94)">
|
|
<path d="M 230 70 C 340 70 410 140 410 250 C 410 320 375 380 320 415"
|
|
fill="none" stroke="url(#sGlowBorder)" stroke-width="12" stroke-linecap="round" filter="url(#sGlow)" opacity="0.9"/>
|
|
<path d="M 230 70 C 340 70 410 140 410 250 C 410 320 375 380 320 415"
|
|
fill="none" stroke="#ffffff" stroke-width="3" stroke-linecap="round"/>
|
|
|
|
<path d="M 140 135 C 160 110 200 100 230 100 C 270 100 300 120 320 150 C 290 140 260 140 230 145 C 190 150 160 170 140 195 Z"
|
|
fill="url(#sGlowBorder)" filter="url(#sGlow)"/>
|
|
|
|
<g filter="url(#sGlow)">
|
|
<path d="M 145 130 L 240 130 C 330 130 380 180 380 260 C 380 340 320 390 240 390 L 165 390 C 160 410 155 435 150 455 C 146 470 135 470 135 450 C 135 425 140 405 140 390 L 130 390 C 120 390 115 380 115 370 L 115 150 C 115 135 125 130 145 130 Z"
|
|
fill="url(#sChromeGrad)" stroke="url(#sGlowBorder)" stroke-width="7"/>
|
|
<path d="M 185 390 C 185 430 175 450 175 465 C 175 475 185 478 188 468 C 195 445 200 415 200 390 Z" fill="#c084fc"/>
|
|
<path d="M 245 390 C 245 440 235 470 235 490 C 235 498 245 500 248 490 C 258 460 265 420 265 390 Z" fill="#c084fc"/>
|
|
<path d="M 175 180 L 230 180 C 285 180 315 210 315 260 C 315 310 285 340 230 340 L 175 340 Z" fill="#09090b" stroke="url(#sGlowBorder)" stroke-width="5"/>
|
|
</g>
|
|
|
|
<g filter="url(#sGlow)" transform="translate(145, 175) scale(0.48)">
|
|
<path d="M 30 290 C 80 290 120 295 180 295 C 240 295 300 290 340 285 C 370 280 395 260 405 235 C 410 220 405 210 390 210 C 365 210 340 225 310 230 C 250 240 180 240 120 235 C 70 230 40 235 25 255 C 15 270 18 290 30 290 Z"
|
|
fill="#c084fc" stroke="#ffffff" stroke-width="4"/>
|
|
<path d="M 70 240 L 110 140 C 120 115 140 95 170 90 L 220 85 C 235 85 245 95 245 110 L 245 140 L 280 160 C 310 180 340 195 380 205 L 360 235 C 300 235 240 235 180 230 L 70 240 Z"
|
|
fill="url(#sChromeGrad)" stroke="#f0abfc" stroke-width="5"/>
|
|
<line x1="175" y1="135" x2="210" y2="150" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
<line x1="195" y1="155" x2="235" y2="170" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
<line x1="220" y1="175" x2="260" y2="190" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/>
|
|
</g>
|
|
</g>
|
|
|
|
<!-- Bottom Center: Typography DRIPZONE -->
|
|
<g transform="translate(300, 520)" filter="url(#sGlow)">
|
|
<text x="0" y="0" text-anchor="middle" class="s-drip-font" font-size="102">
|
|
<tspan fill="url(#sChromeGrad)" stroke="#9333ea" stroke-width="6">DRIP</tspan>
|
|
<tspan fill="url(#sZoneGrad)" stroke="#ec4899" stroke-width="6">ZONE</tspan>
|
|
</text>
|
|
</g>
|
|
|
|
<!-- Molten Drops under DRIPZONE -->
|
|
<g fill="#ec4899" filter="url(#sGlow)" transform="translate(300, 520)">
|
|
<path d="M -180 0 C -180 20 -185 30 -185 38 C -185 43 -180 44 -178 40 C -173 30 -170 20 -170 0 Z"/>
|
|
<path d="M -80 0 C -80 25 -88 45 -88 55 C -88 60 -82 61 -80 55 C -74 40 -70 25 -70 0 Z"/>
|
|
<path d="M 60 0 C 60 25 52 45 52 55 C 52 60 58 61 60 55 C 66 40 70 25 70 0 Z"/>
|
|
<path d="M 180 0 C 180 20 175 30 175 38 C 175 43 180 44 182 40 C 187 30 190 20 190 0 Z"/>
|
|
</g>
|
|
|
|
<!-- Tagline Subtitle -->
|
|
<g transform="translate(300, 620)">
|
|
<text x="0" y="0" text-anchor="middle" class="s-tagline-font" font-size="18" fill="#f0abfc" opacity="0.8" filter="url(#sGlow)">
|
|
ROPA URBANA Y ZAPATILLAS DEPORTIVAS
|
|
</text>
|
|
<text x="0" y="0" text-anchor="middle" class="s-tagline-font" font-size="18" fill="#ffffff">
|
|
ROPA URBANA Y ZAPATILLAS DEPORTIVAS
|
|
</text>
|
|
</g>
|
|
</svg>
|