← Back to dashboard

warped blue "COMING SOON" text

Model: medium_claude | Tier: medium | ID: e89e92fb-7cd5-4b63-9277-9726f2ee6f40_d8bbf62c117f5697 | 3 elements

0.502
Editability
1.000
Coverage
0.502
Purity
0.994
Crosstalk
0.090
Compact
0.182
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

warped blue: 0 1
coming soon: 2

Elements — click to highlight

#TagConceptPurityContributions
0 text warped blue
0.500
warped blue
0.518
coming soon
0.517
1 text warped blue
0.502
warped blue
0.176
coming soon
0.174
2 text coming soon
0.502
warped blue
0.306
coming soon
0.309

SVG Code

<svg viewBox="0 0 400 150" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Wavy path for text to follow --> <path id="wavyPath" d="M 20 110 Q 100 90, 200 75 Q 300 60, 380 40" fill="none"/> <!-- Filter for warped/ripple effect --> <filter id="warpFilter" x="-20%" y="-20%" width="140%" height="140%"> <feTurbulence type="turbulence" baseFrequency="0.015" numOctaves="2" result="turbulence" seed="3"/> <feDisplacementMap in="SourceGraphic" in2="turbulence" scale="8" xChannelSelector="R" yChannelSelector="G"/> </filter> <!-- Gradient for depth --> <linearGradient id="blueGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:#1a5fb4"/> <stop offset="50%" style="stop-color:#3584e4"/> <stop offset="100%" style="stop-color:#1c71d8"/> </linearGradient> </defs> <!-- Main text with wavy effect --> <g filter="url(#warpFilter)"> <text font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="42" fill="url(#blueGradient)"> <textPath href="#wavyPath" startOffset="5%"> COMING SOON </textPath> </text> </g> <!-- Shadow/depth layer --> <g filter="url(#warpFilter)" opacity="0.3"> <text font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="42" fill="#0d3b66" transform="translate(2, 2)"> <textPath href="#wavyPath" startOffset="5%"> COMING SOON </textPath> </text> </g> <!-- Highlight layer for dynamic effect --> <g filter="url(#warpFilter)" opacity="0.6"> <text font-family="Arial Black, Helvetica, sans-serif" font-weight="900" font-size="42" fill="#62a0ea" transform="translate(-1, -1)"> <textPath href="#wavyPath" startOffset="5%"> COMING SOON </textPath> </text> </g> </svg>