Showing: full SVG
Concept Groups
leftmost lime green leaf cluster: 0 4 7 13 19 21
rightmost lime green frond: 1 37
upper curved white line: 2 3 6 18 22 23 24 25 32
lower wavy black line: 5 8 9 11 12 27 28 29 30 31 35 36
middle olive-green leaf cluster: 10 14 15 16 17 20 26 33 34
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
leftmost lime green |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 1 | path |
rightmost lime green |
0.248
|
0.010 0.034 0.030 0.030 0.032 |
| 2 | path |
upper curved white l |
0.307
|
0.003 0.013 0.020 0.019 0.011 |
| 3 | path |
upper curved white l |
0.334
|
0.001 0.016 0.023 0.017 0.013 |
| 4 | use |
leftmost lime green |
0.205
|
0.024 0.024 0.023 0.024 0.023 |
| 5 | use |
lower wavy black lin |
0.220
|
0.032 0.031 0.028 0.034 0.029 |
| 6 | use |
upper curved white l |
0.246
|
0.033 0.026 0.038 0.038 0.020 |
| 7 | use |
leftmost lime green |
0.252
|
0.049 0.041 0.036 0.033 0.035 |
| 8 | use |
lower wavy black lin |
0.233
|
0.051 0.053 0.042 0.061 0.054 |
| 9 | use |
lower wavy black lin |
0.224
|
0.031 0.032 0.025 0.035 0.033 |
| 10 | use |
middle olive-green l |
0.237
|
0.048 0.052 0.036 0.051 0.058 |
| 11 | use |
lower wavy black lin |
0.213
|
0.035 0.037 0.032 0.038 0.038 |
| 12 | use |
lower wavy black lin |
0.246
|
0.067 0.059 0.073 0.086 0.063 |
| 13 | use |
leftmost lime green |
0.227
|
0.052 0.049 0.041 0.036 0.050 |
| 14 | use |
middle olive-green l |
0.224
|
0.083 0.090 0.071 0.077 0.093 |
| 15 | use |
middle olive-green l |
0.224
|
0.044 0.046 0.037 0.036 0.047 |
| 16 | use |
middle olive-green l |
0.245
|
0.033 0.036 0.026 0.026 0.040 |
| 17 | use |
middle olive-green l |
0.228
|
0.032 0.033 0.028 0.025 0.035 |
| 18 | use |
upper curved white l |
0.270
|
0.051 0.041 0.069 0.057 0.039 |
| 19 | use |
leftmost lime green |
0.250
|
0.049 0.042 0.036 0.026 0.042 |
| 20 | use |
middle olive-green l |
0.232
|
0.070 0.068 0.056 0.050 0.074 |
| 21 | use |
leftmost lime green |
0.233
|
0.031 0.028 0.024 0.019 0.031 |
| 22 | use |
upper curved white l |
0.286
|
0.025 0.017 0.032 0.026 0.013 |
| 23 | use |
upper curved white l |
0.268
|
0.026 0.017 0.031 0.025 0.018 |
| 24 | use |
upper curved white l |
0.278
|
0.029 0.022 0.040 0.032 0.021 |
| 25 | use |
upper curved white l |
0.273
|
0.028 0.020 0.035 0.024 0.021 |
| 26 | path |
middle olive-green l |
0.212
|
0.004 0.004 0.003 0.004 0.004 |
| 27 | path |
lower wavy black lin |
0.243
|
0.006 0.005 0.006 0.006 0.004 |
| 28 | path |
lower wavy black lin |
0.233
|
0.006 0.007 0.005 0.008 0.007 |
| 29 | path |
lower wavy black lin |
0.240
|
0.009 0.009 0.009 0.012 0.010 |
| 30 | path |
lower wavy black lin |
0.213
|
0.008 0.009 0.007 0.009 0.008 |
| 31 | path |
lower wavy black lin |
0.232
|
0.008 0.009 0.009 0.011 0.009 |
| 32 | path |
upper curved white l |
0.232
|
0.008 0.007 0.009 0.008 0.007 |
| 33 | path |
middle olive-green l |
0.221
|
0.008 0.008 0.007 0.006 0.009 |
| 34 | path |
middle olive-green l |
0.250
|
0.006 0.006 0.005 0.004 0.007 |
| 35 | path |
lower wavy black lin |
0.284
|
0.000 0.002 0.002 0.002 0.002 |
| 36 | path |
lower wavy black lin |
0.249
|
0.001 0.002 0.002 0.002 0.002 |
| 37 | path |
rightmost lime green |
0.264
|
0.000 0.002 0.002 0.002 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="320" viewBox="0 0 1200 320">
<!--
Step-by-Step Analysis (from the description)
1) Canvas & layout: A wide, horizontal decorative illustration on a clean white background.
2) Main subject: Intertwining foliage with slender stems that weave left-to-right.
3) Leaf style: Jagged-edged (serrated) leaves, flat graphic shapes.
4) Color palette: Two muted greens—darker olive and lighter lime—distributed across leaves.
5) Detail lines: Subtle, thin dark lines to outline/vein some leaves and emphasize stems.
6) Composition: Organic flourish; overlapping leaves and crossing stems for an intertwined feel.
-->
<!-- Background -->
<rect width="1200" height="320" fill="#ffffff"/>
<defs>
<!-- Subtle outline color -->
<style>
.stem { fill:none; stroke:#2f3b2a; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; opacity:0.9; }
.stemThin { fill:none; stroke:#2f3b2a; stroke-width:2; stroke-linecap:round; stroke-linejoin:round; opacity:0.8; }
.detail { fill:none; stroke:#2f3b2a; stroke-width:1.4; stroke-linecap:round; stroke-linejoin:round; opacity:0.65; }
.leafDark { fill:#5f7a3f; }
.leafLight { fill:#9fbe4f; }
</style>
<!-- Serrated leaf symbol (pointing right). Use transforms to rotate/scale/flip. -->
<path id="leafSerrated" d="
M 0,0
C 18,-18 52,-22 86,-10
L 96,-24
L 112,-6
L 132,-18
L 142,2
L 162,-10
L 172,10
L 152,12
L 168,28
L 144,32
L 154,50
L 128,46
L 126,62
L 104,52
L 90,66
L 74,48
C 42,54 18,38 0,0
Z" />
</defs>
<!-- Intertwining stems -->
<path class="stem" d="M 40 210 C 160 130, 260 250, 380 170 C 520 75, 640 260, 780 170 C 900 110, 1030 210, 1160 140"/>
<path class="stemThin" d="M 70 240 C 200 170, 280 280, 420 210 C 560 140, 650 300, 820 220 C 980 150, 1070 250, 1160 210"/>
<path class="stemThin" d="M 60 155 C 190 95, 290 170, 430 120 C 570 70, 680 170, 820 120 C 960 70, 1060 150, 1160 95"/>
<!-- Leaves along stems (alternating dark/light greens) -->
<g>
<!-- Left cluster -->
<use href="#leafSerrated" class="leafDark" transform="translate(90 215) rotate(-18) scale(0.75)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(150 165) rotate(22) scale(0.62)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(210 230) rotate(165) scale(0.70)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(260 150) rotate(-150) scale(0.60)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(320 195) rotate(-8) scale(0.78)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(360 135) rotate(35) scale(0.58)"/>
<!-- Middle cluster -->
<use href="#leafSerrated" class="leafLight" transform="translate(430 205) rotate(-28) scale(0.78)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(485 145) rotate(18) scale(0.62)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(540 235) rotate(160) scale(0.74)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(600 150) rotate(-160) scale(0.62)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(650 195) rotate(-6) scale(0.82)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(705 120) rotate(30) scale(0.60)"/>
<!-- Right cluster -->
<use href="#leafSerrated" class="leafDark" transform="translate(780 210) rotate(-20) scale(0.78)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(835 160) rotate(18) scale(0.62)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(895 235) rotate(168) scale(0.72)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(945 150) rotate(-155) scale(0.60)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(1010 190) rotate(-10) scale(0.82)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(1065 125) rotate(28) scale(0.60)"/>
<!-- Extra small leaves for density -->
<use href="#leafSerrated" class="leafLight" transform="translate(165 255) rotate(145) scale(0.45)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(455 265) rotate(150) scale(0.48)"/>
<use href="#leafSerrated" class="leafLight" transform="translate(735 265) rotate(155) scale(0.46)"/>
<use href="#leafSerrated" class="leafDark" transform="translate(1090 235) rotate(172) scale(0.44)"/>
</g>
<!-- Subtle outline/vein details on a subset of leaves -->
<g class="detail">
<!-- Left -->
<path d="M 145 185 C 165 177, 185 176, 205 185"/>
<path d="M 115 232 C 140 220, 165 220, 190 236"/>
<path d="M 330 212 C 360 200, 390 202, 415 218"/>
<!-- Middle -->
<path d="M 455 222 C 485 208, 515 210, 545 228"/>
<path d="M 640 212 C 670 198, 700 200, 730 216"/>
<path d="M 610 172 C 635 162, 660 164, 685 176"/>
<!-- Right -->
<path d="M 805 228 C 835 214, 865 216, 895 234"/>
<path d="M 1000 210 C 1030 196, 1060 198, 1090 214"/>
<path d="M 1060 155 C 1085 146, 1110 148, 1135 160"/>
</g>
<!-- A few thin twig offshoots to enhance intertwining -->
<path class="stemThin" d="M 300 175 C 315 155, 340 145, 365 132"/>
<path class="stemThin" d="M 610 170 C 625 150, 650 140, 675 125"/>
<path class="stemThin" d="M 920 170 C 940 150, 965 140, 995 120"/>
</svg>