Showing: full SVG
Concept Groups
left coral-pink scroll:
central horizontal coral-pink bar: 0 1 6 7
top-left rounded nub: 2 4
top-right rounded nub: 3 5
bottom-center curved edge:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
central horizontal c |
0.546
|
0.338 0.999 0.000 0.233 0.259 |
| 1 | path |
central horizontal c |
0.556
|
0.000 0.001 0.000 0.000 0.000 |
| 2 | use |
top-left rounded nub |
0.482
|
0.326 0.000 0.999 0.381 0.366 |
| 3 | use |
top-right rounded nu |
0.352
|
0.335 0.000 0.000 0.385 0.375 |
| 4 | path |
top-left rounded nub |
0.445
|
0.000 0.000 0.001 0.000 0.000 |
| 5 | path |
top-right rounded nu |
0.349
|
0.000 0.000 0.000 0.000 0.000 |
| 6 | path |
central horizontal c |
0.603
|
0.000 0.000 0.000 0.000 0.000 |
| 7 | path |
central horizontal c |
0.615
|
0.000 0.000 0.000 0.000 0.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="320" viewBox="0 0 1200 320" fill="none">
<!--
Step-by-Step Analysis (from description)
1) Overall form: an elongated horizontal banner, centered, with a transparent background.
2) Color: solid coral-pink hue for the entire ornament.
3) Edges: top and bottom are mostly straight but gently curved (subtle bow).
4) Ends: both left and right sides have symmetrical flowing scrollwork flourishes.
5) Style: decorative/ornate, suitable as a frame/title card; clean silhouette.
-->
<defs>
<style>
.coral { fill: #F26F73; } /* coral-pink */
</style>
<!-- Mirror the left flourish to create the right flourish -->
<g id="flourish-left" class="coral">
<!-- Outer flowing scroll -->
<path d="
M 210 160
C 150 120, 92 118, 54 142
C 22 162, 22 198, 58 214
C 92 229, 132 217, 155 197
C 176 179, 166 154, 141 152
C 118 150, 103 170, 114 187
C 126 206, 161 204, 191 176
C 210 158, 220 132, 202 114
C 178 90, 120 92, 70 122
C 26 148, 18 206, 66 238
C 118 273, 190 258, 232 222
C 278 182, 270 118, 232 96
C 204 80, 184 92, 190 112
C 196 132, 228 134, 238 114
C 252 86, 214 56, 176 64
C 140 72, 120 96, 114 114
C 106 140, 132 150, 150 142
C 166 135, 170 120, 160 110
C 148 98, 122 104, 112 122
C 96 150, 114 190, 152 196
C 190 202, 220 176, 210 160
Z" opacity="0.95"/>
<!-- Inner cut-in swirl (adds ornate depth while staying solid silhouette) -->
<path d="
M 178 160
C 150 142, 118 144, 98 158
C 78 172, 80 196, 104 206
C 128 216, 154 206, 168 192
C 180 180, 176 166, 164 164
C 154 162, 146 172, 150 182
C 156 196, 182 196, 202 176
C 214 164, 216 148, 204 140
C 186 128, 150 132, 118 150
C 90 166, 86 202, 116 222
C 148 244, 196 234, 222 210
C 246 188, 246 152, 224 138
C 206 126, 192 132, 194 146
C 196 158, 214 160, 220 148
C 228 132, 206 116, 184 120
C 160 124, 146 140, 144 150
C 142 162, 154 166, 162 162
C 170 158, 170 150, 166 144
C 160 136, 144 138, 138 150
C 128 168, 140 192, 164 194
C 186 196, 202 182, 178 160
Z" opacity="0.95"/>
</g>
<!-- Soft curvature clip for the banner body -->
<clipPath id="banner-clip">
<path d="
M 250 98
C 430 84, 770 84, 950 98
L 950 222
C 770 236, 430 236, 250 222
Z"/>
</clipPath>
</defs>
<!-- Central banner body (gently curved top/bottom) -->
<path class="coral" d="
M 250 98
C 430 84, 770 84, 950 98
L 950 222
C 770 236, 430 236, 250 222
Z"/>
<!-- Add subtle inner border line by overlaying a slightly inset shape (still solid coral) -->
<g clip-path="url(#banner-clip)" opacity="0.9">
<path class="coral" d="
M 270 112
C 438 100, 762 100, 930 112
L 930 208
C 762 220, 438 220, 270 208
Z"/>
</g>
<!-- Left flourish attached to the banner -->
<g transform="translate(0,0)">
<use href="#flourish-left"/>
</g>
<!-- Right flourish (mirrored) -->
<g transform="translate(1200,0) scale(-1,1)">
<use href="#flourish-left"/>
</g>
<!-- Small connecting tabs where flourish meets banner for a seamless join -->
<path class="coral" d="M 230 124 C 244 128, 252 140, 252 160 C 252 180, 244 192, 230 196 C 246 182, 246 138, 230 124 Z"/>
<path class="coral" d="M 970 124 C 956 128, 948 140, 948 160 C 948 180, 956 192, 970 196 C 954 182, 954 138, 970 124 Z"/>
<!-- Minimal ornamental ticks on top/bottom center (keeps silhouette ornate but clean) -->
<path class="coral" d="M 590 92 C 600 104, 600 216, 590 228 C 606 216, 606 104, 590 92 Z" opacity="0.9"/>
<path class="coral" d="M 610 92 C 600 104, 600 216, 610 228 C 594 216, 594 104, 610 92 Z" opacity="0.9"/>
</svg>