Showing: full SVG
Concept Groups
warped blue: 0
coming soon:
text:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | text |
warped blue |
0.333
|
1.000 1.000 1.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="500" viewBox="0 0 1200 500">
<!--
Step-by-Step Analysis (from description)
1) Background: transparent (no background rectangle).
2) Main content: bold, blue, uppercase text "COMING SOON".
3) Typeface: sans-serif, heavy weight.
4) Layout: text curves upward from left to right (rising baseline).
5) Effect: warped/wavy ripple across the letters (stretching/rippling look).
6) Composition: centered and prominent, clean and eye-catching.
-->
<defs>
<!-- Upward curving baseline path -->
<path id="arcPath"
d="M 80 320
C 360 380, 720 170, 1120 210" />
<!-- Wavy warp filter (turbulence + displacement) -->
<filter id="wavyWarp" x="-20%" y="-40%" width="140%" height="180%">
<feTurbulence type="fractalNoise"
baseFrequency="0.012 0.06"
numOctaves="2"
seed="7"
result="noise"/>
<feDisplacementMap in="SourceGraphic"
in2="noise"
scale="28"
xChannelSelector="R"
yChannelSelector="G"/>
</filter>
</defs>
<!-- Text on path with wavy warp -->
<g filter="url(#wavyWarp)">
<text fill="#0A57FF"
font-family="system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif"
font-size="120"
font-weight="900"
letter-spacing="6">
<textPath href="#arcPath" startOffset="50%" text-anchor="middle">
COMING SOON
</textPath>
</text>
</g>
</svg>