← Back to dashboard

warped blue "COMING SOON" text

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

0.334
Editability
1.000
Coverage
0.334
Purity
0.665
Crosstalk
0.084
Compact
0.084
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

warped blue: 0
coming soon:
text: 1

Elements — click to highlight

#TagConceptPurityContributions
0 text warped blue
0.334
warped blue
0.646
coming soon
0.645
text
0.644
1 text text
0.334
warped blue
0.354
coming soon
0.355
text
0.355

SVG Code

<svg width="600" height="300" viewBox="0 0 600 300" xmlns="http://www.w3.org/2000/svg"> <!-- Define the filter for the warped/wavy ripple effect --> <defs> <filter id="waveFilter"> <!-- Generates a noise pattern to drive the distortion --> <feTurbulence type="turbulence" baseFrequency="0.02 0.05" numOctaves="2" result="noise" /> <!-- Displaces the pixels of the text based on the noise pattern --> <feDisplacementMap in="SourceGraphic" in2="noise" scale="15" xChannelSelector="R" yChannelSelector="G" /> </filter> <!-- Define the upward curving path for the text to follow --> <path id="curvePath" d="M 50,220 C 150,220 300,180 550,80" fill="transparent" /> </defs> <!-- The "COMING SOON" text --> <text font-family="sans-serif" font-weight="900" font-size="72" fill="#0047AB" filter="url(#waveFilter)"> <textPath href="#curvePath" startOffset="5%"> COMING SOON </textPath> </text> <!-- Subtle duplicate for a slight 'stretch' shadow effect to enhance depth --> <text font-family="sans-serif" font-weight="900" font-size="72" fill="#007BFF" filter="url(#waveFilter)" opacity="0.6"> <textPath href="#curvePath" startOffset="5.5%"> COMING SOON </textPath> </text> </svg>