Showing: full SVG
Concept Groups
left teal vertical stripe cluster: 3 4 5 6 44 45 46 47 48
central white gap between clusters: 1 2 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
top-right teal stripe: 0 7 8 9 10 11 12 13 14 15 16 17 18 36 37 38 39 40 41 42 43
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | use |
top-right teal strip |
0.336
|
0.299 0.294 0.300 |
| 1 | use |
central white gap be |
0.335
|
0.304 0.306 0.303 |
| 2 | polygon |
central white gap be |
0.351
|
0.003 0.003 0.003 |
| 3 | rect |
left teal vertical s |
0.371
|
0.006 0.005 0.005 |
| 4 | rect |
left teal vertical s |
0.352
|
0.003 0.003 0.003 |
| 5 | rect |
left teal vertical s |
0.346
|
0.008 0.008 0.008 |
| 6 | rect |
left teal vertical s |
0.342
|
0.003 0.003 0.003 |
| 7 | rect |
top-right teal strip |
0.343
|
0.018 0.017 0.018 |
| 8 | rect |
top-right teal strip |
0.345
|
0.007 0.007 0.007 |
| 9 | rect |
top-right teal strip |
0.345
|
0.011 0.011 0.012 |
| 10 | rect |
top-right teal strip |
0.345
|
0.004 0.004 0.005 |
| 11 | rect |
top-right teal strip |
0.346
|
0.016 0.015 0.016 |
| 12 | rect |
top-right teal strip |
0.343
|
0.006 0.005 0.006 |
| 13 | rect |
top-right teal strip |
0.343
|
0.010 0.010 0.011 |
| 14 | rect |
top-right teal strip |
0.341
|
0.003 0.003 0.004 |
| 15 | rect |
top-right teal strip |
0.337
|
0.020 0.020 0.021 |
| 16 | rect |
top-right teal strip |
0.336
|
0.004 0.004 0.005 |
| 17 | rect |
top-right teal strip |
0.335
|
0.012 0.013 0.013 |
| 18 | rect |
top-right teal strip |
0.335
|
0.007 0.007 0.007 |
| 19 | rect |
central white gap be |
0.347
|
0.017 0.018 0.017 |
| 20 | rect |
central white gap be |
0.347
|
0.004 0.005 0.004 |
| 21 | rect |
central white gap be |
0.346
|
0.014 0.014 0.014 |
| 22 | rect |
central white gap be |
0.348
|
0.002 0.002 0.002 |
| 23 | rect |
central white gap be |
0.350
|
0.013 0.014 0.013 |
| 24 | rect |
central white gap be |
0.352
|
0.001 0.001 0.001 |
| 25 | rect |
central white gap be |
0.351
|
0.004 0.005 0.004 |
| 26 | rect |
central white gap be |
0.352
|
0.006 0.007 0.006 |
| 27 | rect |
central white gap be |
0.350
|
0.000 0.000 0.000 |
| 28 | rect |
central white gap be |
0.350
|
0.015 0.017 0.015 |
| 29 | rect |
central white gap be |
0.349
|
0.003 0.004 0.003 |
| 30 | rect |
central white gap be |
0.350
|
0.010 0.011 0.010 |
| 31 | rect |
central white gap be |
0.349
|
0.006 0.006 0.005 |
| 32 | rect |
central white gap be |
0.347
|
0.016 0.017 0.016 |
| 33 | rect |
central white gap be |
0.344
|
0.007 0.007 0.007 |
| 34 | rect |
central white gap be |
0.342
|
0.015 0.015 0.015 |
| 35 | rect |
central white gap be |
0.340
|
0.004 0.005 0.005 |
| 36 | rect |
top-right teal strip |
0.337
|
0.020 0.021 0.021 |
| 37 | rect |
top-right teal strip |
0.342
|
0.003 0.003 0.004 |
| 38 | rect |
top-right teal strip |
0.341
|
0.011 0.011 0.012 |
| 39 | rect |
top-right teal strip |
0.342
|
0.006 0.006 0.006 |
| 40 | rect |
top-right teal strip |
0.344
|
0.018 0.018 0.019 |
| 41 | rect |
top-right teal strip |
0.343
|
0.004 0.004 0.005 |
| 42 | rect |
top-right teal strip |
0.342
|
0.013 0.013 0.014 |
| 43 | rect |
top-right teal strip |
0.337
|
0.003 0.003 0.003 |
| 44 | rect |
left teal vertical s |
0.342
|
0.017 0.016 0.016 |
| 45 | rect |
left teal vertical s |
0.347
|
0.005 0.005 0.005 |
| 46 | rect |
left teal vertical s |
0.350
|
0.008 0.008 0.007 |
| 47 | rect |
left teal vertical s |
0.373
|
0.002 0.002 0.002 |
| 48 | rect |
left teal vertical s |
0.406
|
0.003 0.003 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="900" height="520" viewBox="0 0 900 520">
<!--
Step-by-step analysis (from description):
1) Transparent background: no background rect is drawn.
2) Two teal, barcode-like shapes: create two teal quadrilateral "panels".
3) Each panel contains many white vertical lines of varying thickness: draw multiple white rects clipped to each panel.
4) Angled and connected/folded in the center: place the two panels meeting at a central seam, each rotated slightly in opposite directions.
5) Minimalist, modern: keep shapes clean, flat fills, no strokes.
-->
<defs>
<!-- Left panel shape (a skewed quadrilateral) -->
<polygon id="leftPanel" points="170,140 420,90 470,310 220,360" />
<clipPath id="clipLeft">
<use href="#leftPanel"/>
</clipPath>
<!-- Right panel shape (a skewed quadrilateral) -->
<polygon id="rightPanel" points="430,100 680,150 630,370 380,320" />
<clipPath id="clipRight">
<use href="#rightPanel"/>
</clipPath>
</defs>
<!-- Teal panels -->
<use href="#leftPanel" fill="#0B8F8D"/>
<use href="#rightPanel" fill="#0B8F8D"/>
<!-- Central "fold" seam (subtle darker teal) -->
<polygon points="420,92 440,102 392,322 372,312" fill="#087A78" opacity="0.9"/>
<!-- White barcode lines clipped to left panel -->
<g clip-path="url(#clipLeft)" opacity="0.98">
<!-- Lines are vertical in the SVG coordinate system; panel angle makes them feel barcode-like -->
<rect x="190" y="70" width="6" height="360" fill="#FFFFFF"/>
<rect x="205" y="70" width="2" height="360" fill="#FFFFFF"/>
<rect x="214" y="70" width="4" height="360" fill="#FFFFFF"/>
<rect x="226" y="70" width="1.5" height="360" fill="#FFFFFF"/>
<rect x="235" y="70" width="8" height="360" fill="#FFFFFF"/>
<rect x="250" y="70" width="3" height="360" fill="#FFFFFF"/>
<rect x="260" y="70" width="5" height="360" fill="#FFFFFF"/>
<rect x="272" y="70" width="2" height="360" fill="#FFFFFF"/>
<rect x="281" y="70" width="7" height="360" fill="#FFFFFF"/>
<rect x="295" y="70" width="2.5" height="360" fill="#FFFFFF"/>
<rect x="306" y="70" width="4.5" height="360" fill="#FFFFFF"/>
<rect x="318" y="70" width="1.5" height="360" fill="#FFFFFF"/>
<rect x="326" y="70" width="9" height="360" fill="#FFFFFF"/>
<rect x="342" y="70" width="2" height="360" fill="#FFFFFF"/>
<rect x="351" y="70" width="5.5" height="360" fill="#FFFFFF"/>
<rect x="365" y="70" width="3" height="360" fill="#FFFFFF"/>
<rect x="375" y="70" width="7.5" height="360" fill="#FFFFFF"/>
<rect x="391" y="70" width="2" height="360" fill="#FFFFFF"/>
<rect x="400" y="70" width="6" height="360" fill="#FFFFFF"/>
<rect x="414" y="70" width="1.5" height="360" fill="#FFFFFF"/>
<rect x="422" y="70" width="8.5" height="360" fill="#FFFFFF"/>
<rect x="438" y="70" width="2.5" height="360" fill="#FFFFFF"/>
<rect x="448" y="70" width="5" height="360" fill="#FFFFFF"/>
</g>
<!-- White barcode lines clipped to right panel -->
<g clip-path="url(#clipRight)" opacity="0.98">
<rect x="410" y="60" width="5" height="420" fill="#FFFFFF"/>
<rect x="423" y="60" width="2" height="420" fill="#FFFFFF"/>
<rect x="432" y="60" width="8" height="420" fill="#FFFFFF"/>
<rect x="446" y="60" width="1.5" height="420" fill="#FFFFFF"/>
<rect x="454" y="60" width="4.5" height="420" fill="#FFFFFF"/>
<rect x="466" y="60" width="2.5" height="420" fill="#FFFFFF"/>
<rect x="476" y="60" width="7" height="420" fill="#FFFFFF"/>
<rect x="490" y="60" width="3" height="420" fill="#FFFFFF"/>
<rect x="501" y="60" width="6.5" height="420" fill="#FFFFFF"/>
<rect x="516" y="60" width="2" height="420" fill="#FFFFFF"/>
<rect x="525" y="60" width="9" height="420" fill="#FFFFFF"/>
<rect x="542" y="60" width="1.5" height="420" fill="#FFFFFF"/>
<rect x="550" y="60" width="5" height="420" fill="#FFFFFF"/>
<rect x="562" y="60" width="2.5" height="420" fill="#FFFFFF"/>
<rect x="572" y="60" width="8" height="420" fill="#FFFFFF"/>
<rect x="587" y="60" width="2" height="420" fill="#FFFFFF"/>
<rect x="596" y="60" width="6" height="420" fill="#FFFFFF"/>
<rect x="610" y="60" width="1.5" height="420" fill="#FFFFFF"/>
<rect x="618" y="60" width="7.5" height="420" fill="#FFFFFF"/>
<rect x="633" y="60" width="2.5" height="420" fill="#FFFFFF"/>
<rect x="644" y="60" width="5.5" height="420" fill="#FFFFFF"/>
<rect x="658" y="60" width="2" height="420" fill="#FFFFFF"/>
<rect x="667" y="60" width="8.5" height="420" fill="#FFFFFF"/>
</g>
</svg>