Showing: full SVG
Concept Groups
leftmost wavy blue segment: 0 1
middle white wavy line: 2 3 4 5 6 7 8
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
leftmost wavy blue s |
0.613
|
0.908 0.574 |
| 1 | path |
leftmost wavy blue s |
0.648
|
0.004 0.002 |
| 2 | path |
middle white wavy li |
0.824
|
0.024 0.111 |
| 3 | path |
middle white wavy li |
0.829
|
0.018 0.088 |
| 4 | path |
middle white wavy li |
0.824
|
0.009 0.043 |
| 5 | path |
middle white wavy li |
0.829
|
0.015 0.072 |
| 6 | path |
middle white wavy li |
0.829
|
0.015 0.073 |
| 7 | path |
middle white wavy li |
0.827
|
0.003 0.014 |
| 8 | path |
middle white wavy li |
0.830
|
0.005 0.023 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="260" viewBox="0 0 900 260">
<!-- Step-by-Step Analysis (as comments)
1) Overall object: a horizontal washi-tape/banner strip centered in the canvas.
2) Base color: soft periwinkle blue fill.
3) Edges: irregular/wavy top and bottom edges; ends are jagged/torn.
4) Surface pattern: several thin, hand-drawn off-white lines that undulate diagonally across the tape.
5) Style: simple, graphic, handmade—use slightly varying stroke widths and rounded caps.
-->
<defs>
<!-- Clip to keep the pattern inside the tape shape -->
<clipPath id="tapeClip">
<path id="tapeShape" d="
M 85 78
L 120 66
L 150 78
C 180 92, 215 62, 250 78
C 285 94, 320 66, 355 78
C 390 92, 425 64, 460 78
C 495 94, 530 66, 565 78
C 600 92, 635 64, 670 78
C 705 94, 740 66, 775 78
L 808 68
L 835 82
L 818 102
L 842 122
L 820 140
L 840 162
L 816 184
L 838 202
L 804 194
C 770 182, 735 214, 700 194
C 665 176, 630 212, 595 194
C 560 178, 525 212, 490 194
C 455 176, 420 212, 385 194
C 350 178, 315 212, 280 194
C 245 176, 210 212, 175 194
C 140 178, 110 210, 90 194
L 72 204
L 55 188
L 70 170
L 50 154
L 72 138
L 52 120
L 74 104
L 58 88
Z" />
</clipPath>
<!-- Subtle paper-like noise using turbulence (kept very light) -->
<filter id="paperNoise" x="-10%" y="-10%" width="120%" height="120%">
<feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="2" seed="7" result="noise"/>
<feColorMatrix type="matrix" values="
1 0 0 0 0
0 1 0 0 0
0 0 1 0 0
0 0 0 0.10 0" in="noise" result="noiseAlpha"/>
<feComposite in="noiseAlpha" in2="SourceGraphic" operator="in" result="maskedNoise"/>
<feBlend in="SourceGraphic" in2="maskedNoise" mode="overlay"/>
</filter>
</defs>
<!-- Tape base -->
<path d="
M 85 78
L 120 66
L 150 78
C 180 92, 215 62, 250 78
C 285 94, 320 66, 355 78
C 390 92, 425 64, 460 78
C 495 94, 530 66, 565 78
C 600 92, 635 64, 670 78
C 705 94, 740 66, 775 78
L 808 68
L 835 82
L 818 102
L 842 122
L 820 140
L 840 162
L 816 184
L 838 202
L 804 194
C 770 182, 735 214, 700 194
C 665 176, 630 212, 595 194
C 560 178, 525 212, 490 194
C 455 176, 420 212, 385 194
C 350 178, 315 212, 280 194
C 245 176, 210 212, 175 194
C 140 178, 110 210, 90 194
L 72 204
L 55 188
L 70 170
L 50 154
L 72 138
L 52 120
L 74 104
L 58 88
Z"
fill="#8FA2FF"
filter="url(#paperNoise)"/>
<!-- Slight edge highlight to enhance handmade cutout feel -->
<path d="
M 85 78
L 120 66
L 150 78
C 180 92, 215 62, 250 78
C 285 94, 320 66, 355 78
C 390 92, 425 64, 460 78
C 495 94, 530 66, 565 78
C 600 92, 635 64, 670 78
C 705 94, 740 66, 775 78
L 808 68
L 835 82
L 818 102
L 842 122
L 820 140
L 840 162
L 816 184
L 838 202
L 804 194
C 770 182, 735 214, 700 194
C 665 176, 630 212, 595 194
C 560 178, 525 212, 490 194
C 455 176, 420 212, 385 194
C 350 178, 315 212, 280 194
C 245 176, 210 212, 175 194
C 140 178, 110 210, 90 194
L 72 204
L 55 188
L 70 170
L 50 154
L 72 138
L 52 120
L 74 104
L 58 88
Z"
fill="none"
stroke="rgba(255,255,255,0.25)"
stroke-width="3"
stroke-linejoin="round"/>
<!-- Diagonal hand-drawn off-white squiggle lines -->
<g clip-path="url(#tapeClip)" fill="none" stroke="#F4F1E6" stroke-linecap="round" stroke-linejoin="round" opacity="0.95">
<path d="M -40 170 C 40 120, 120 220, 210 150 S 380 90, 480 140 S 660 220, 760 140 S 940 90, 980 140" stroke-width="3.2"/>
<path d="M -20 130 C 70 80, 140 190, 240 125 S 410 60, 510 120 S 680 200, 790 120 S 950 70, 990 120" stroke-width="2.6"/>
<path d="M -30 205 C 60 150, 150 260, 250 185 S 420 120, 520 175 S 690 255, 800 175 S 960 130, 1000 175" stroke-width="2.2"/>
<path d="M 10 95 C 95 55, 170 145, 270 90 S 440 40, 540 85 S 710 155, 820 85 S 980 45, 1030 85" stroke-width="2.8"/>
<path d="M -10 155 C 70 105, 155 205, 255 145 S 430 85, 530 140 S 705 215, 815 140 S 975 95, 1020 140" stroke-width="2.0"/>
<!-- A couple shorter, imperfect strokes for a more hand-drawn feel -->
<path d="M 120 210 C 170 180, 220 230, 280 200 S 380 160, 430 185" stroke-width="2.4" opacity="0.85"/>
<path d="M 560 95 C 610 70, 660 120, 720 90 S 800 70, 845 90" stroke-width="2.4" opacity="0.85"/>
</g>
</svg>