Showing: full SVG
Concept Groups
top-center red tape: 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
left-bottom red circle: 18
overlapping dark blue teardrop shape: 19 20 21
white torn paper background: 0 1 2
lower-left corner of paper:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
white torn paper bac |
0.699
|
0.000 0.000 0.000 0.343 0.147 |
| 1 | use |
white torn paper bac |
0.623
|
0.001 0.000 0.000 0.156 0.094 |
| 2 | use |
white torn paper bac |
0.645
|
0.000 0.000 0.000 0.014 0.007 |
| 3 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 4 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 5 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 6 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 7 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 8 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 9 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 10 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 11 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 12 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 13 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 14 | line |
top-center red tape |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 15 | rect |
top-center red tape |
0.853
|
0.971 0.000 0.000 0.093 0.074 |
| 16 | path |
top-center red tape |
0.862
|
0.023 0.000 0.000 0.002 0.002 |
| 17 | path |
top-center red tape |
0.752
|
0.005 0.000 0.000 0.001 0.001 |
| 18 | circle |
left-bottom red circ |
0.650
|
0.000 0.996 0.032 0.196 0.309 |
| 19 | path |
overlapping dark blu |
0.630
|
0.000 0.004 0.867 0.176 0.328 |
| 20 | path |
overlapping dark blu |
0.645
|
0.000 0.000 0.096 0.018 0.035 |
| 21 | path |
overlapping dark blu |
0.620
|
0.000 0.000 0.006 0.001 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="650" viewBox="0 0 900 650">
<!-- Step-by-Step Analysis (embedded as SVG comments)
1) Create a neutral background so the paper stands out.
2) Draw a white paper sheet with subtly ragged/torn edges using an irregular path.
3) Add a soft drop shadow under the paper for depth.
4) Add light horizontal blue-gray lines across the paper to imply lined paper.
5) Place a small coral-red tape strip centered near the top, slightly angled, with a mild shadow.
6) Add a large coral-red circle in the bottom-left of the paper.
7) Add a dark blue curved "peeled" edge on the circle to create a sticker-like partially-peeled effect.
-->
<defs>
<!-- Soft shadow for paper -->
<filter id="paperShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="10" stdDeviation="10" flood-color="#000000" flood-opacity="0.18"/>
</filter>
<!-- Subtle shadow for tape -->
<filter id="tapeShadow" x="-30%" y="-30%" width="160%" height="160%">
<feDropShadow dx="0" dy="4" stdDeviation="4" flood-color="#000000" flood-opacity="0.18"/>
</filter>
<!-- Clip lined area to paper shape -->
<clipPath id="paperClip">
<path id="paperPath"
d="M190,115
C205,95 235,92 255,105
C275,118 300,105 322,110
C350,116 375,108 402,112
C430,116 452,106 480,110
C510,114 540,104 568,110
C600,116 625,108 650,112
C680,116 705,110 720,125
C735,140 730,165 732,190
C734,220 742,245 736,270
C730,295 740,320 734,345
C728,370 740,395 732,420
C724,448 736,475 726,505
C716,535 735,560 716,582
C697,604 670,595 642,600
C610,606 585,592 555,596
C525,600 500,610 470,602
C440,594 412,606 382,600
C352,594 325,606 296,600
C265,594 235,606 212,590
C189,574 198,545 192,520
C186,495 170,470 176,442
C182,414 170,388 176,360
C182,332 168,306 176,280
C184,254 170,230 176,205
C182,180 172,150 190,115
Z"/>
</clipPath>
<!-- Slight paper edge shading -->
<linearGradient id="paperEdge" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#ffffff"/>
<stop offset="1" stop-color="#f3f5f8"/>
</linearGradient>
<!-- Tape gradient for a more natural look -->
<linearGradient id="tapeGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#ff6b6b"/>
<stop offset="1" stop-color="#f25b5b"/>
</linearGradient>
<!-- Sticker peel highlight -->
<linearGradient id="peelHighlight" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#2b5b8a"/>
<stop offset="0.55" stop-color="#1f4f7b"/>
<stop offset="1" stop-color="#163d62"/>
</linearGradient>
</defs>
<!-- Background -->
<rect width="900" height="650" fill="#f6f7fb"/>
<!-- Paper (shadow + fill) -->
<g filter="url(#paperShadow)">
<use href="#paperPath" fill="url(#paperEdge)"/>
<!-- subtle outline -->
<use href="#paperPath" fill="none" stroke="#dfe5ef" stroke-width="2"/>
</g>
<!-- Lined paper (clipped to paper shape) -->
<g clip-path="url(#paperClip)" opacity="0.55">
<!-- horizontal lines -->
<g stroke="#9bb3cf" stroke-width="2">
<line x1="210" y1="175" x2="720" y2="175"/>
<line x1="210" y1="210" x2="720" y2="210"/>
<line x1="210" y1="245" x2="720" y2="245"/>
<line x1="210" y1="280" x2="720" y2="280"/>
<line x1="210" y1="315" x2="720" y2="315"/>
<line x1="210" y1="350" x2="720" y2="350"/>
<line x1="210" y1="385" x2="720" y2="385"/>
<line x1="210" y1="420" x2="720" y2="420"/>
<line x1="210" y1="455" x2="720" y2="455"/>
<line x1="210" y1="490" x2="720" y2="490"/>
<line x1="210" y1="525" x2="720" y2="525"/>
<line x1="210" y1="560" x2="720" y2="560"/>
</g>
</g>
<!-- Tape at top holding paper -->
<g filter="url(#tapeShadow)">
<g transform="translate(450 120) rotate(-6) translate(-450 -120)">
<rect x="385" y="86" width="130" height="46" rx="8" fill="url(#tapeGrad)"/>
<!-- slight translucency highlight -->
<path d="M392,94 h116 a6,6 0 0 1 6,6 v6 H386 v-6 a6,6 0 0 1 6,-6 z"
fill="#ff8a8a" opacity="0.35"/>
<!-- tiny torn texture notches -->
<path d="M390,132
C398,128 406,136 414,132
C422,128 430,136 438,132
C446,128 454,136 462,132
C470,128 478,136 486,132
C494,128 502,136 510,132"
fill="none" stroke="#e94f4f" stroke-width="2" opacity="0.35"/>
</g>
</g>
<!-- Sticker-like coral circle in bottom-left corner of paper -->
<g clip-path="url(#paperClip)">
<!-- Coral circle -->
<circle cx="280" cy="540" r="110" fill="#ff6b6b"/>
<!-- Dark blue peeled edge (curved band) -->
<path d="M190,560
C210,500 255,455 315,445
C365,438 410,460 435,495
C390,520 340,545 295,560
C255,573 220,575 190,560
Z"
fill="url(#peelHighlight)" opacity="0.95"/>
<!-- Inner highlight to suggest curl/peel -->
<path d="M215,555
C235,510 270,480 320,472
C355,467 385,480 405,503
C370,520 335,540 300,552
C270,562 242,563 215,555
Z"
fill="#ffffff" opacity="0.18"/>
<!-- A thin edge line to separate peel from sticker -->
<path d="M198,558
C220,505 262,466 318,456
C369,447 411,469 430,494"
fill="none" stroke="#0f2f4e" stroke-width="3" opacity="0.55" stroke-linecap="round"/>
</g>
</svg>