Showing: full SVG
Concept Groups
top-center brown circular cutout: 13 14
bottom-center gray rectangular label: 15 16
upper-right wood grain line: 0 1 2 3 4 5 6 7 8 9 10 11 12
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
upper-right wood gra |
0.994
|
0.005 0.000 0.845 |
| 1 | path |
upper-right wood gra |
0.937
|
0.000 0.000 0.003 |
| 2 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.004 |
| 3 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.004 |
| 4 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.004 |
| 5 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 6 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 7 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 8 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 9 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 10 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 11 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.001 |
| 12 | path |
upper-right wood gra |
1.000
|
0.000 0.000 0.000 |
| 13 | circle |
top-center brown cir |
0.963
|
0.767 0.000 0.030 |
| 14 | circle |
top-center brown cir |
0.964
|
0.228 0.000 0.009 |
| 15 | rect |
bottom-center gray r |
0.911
|
0.000 0.978 0.096 |
| 16 | path |
bottom-center gray r |
0.929
|
0.000 0.022 0.002 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="520" viewBox="0 0 800 520">
<defs>
<!-- Soft shadow for subtle depth -->
<filter id="softShadow" x="-20%" y="-20%" width="140%" height="140%">
<feDropShadow dx="0" dy="2" stdDeviation="3" flood-color="#000000" flood-opacity="0.12"/>
</filter>
<!-- Clip for keeping the grain pattern inside the tag shape -->
<clipPath id="tagClip">
<rect x="140" y="70" width="520" height="380" rx="42" ry="42"/>
</clipPath>
<!-- Gentle background gradient for the tag -->
<linearGradient id="tagFill" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#f3e6cf"/>
<stop offset="1" stop-color="#efe0c6"/>
</linearGradient>
</defs>
<!-- Step-by-step analysis (encoded as SVG comments)
1) Main object: a light beige rounded-rectangle tag/nameplate centered on canvas.
2) Surface detail: subtle light-brown thin lines suggesting wood grain/leaf veins across the tag.
3) Top center: circular cutout (hole) with a darker brown ring/border.
4) Bottom area: a horizontal light greyish-brown rectangular bar with a dark brown outline for text.
-->
<!-- Main tag -->
<rect x="140" y="70" width="520" height="380" rx="42" ry="42"
fill="url(#tagFill)" stroke="#d2b38f" stroke-width="3"
filter="url(#softShadow)"/>
<!-- Subtle grain/vein pattern -->
<g clip-path="url(#tagClip)" opacity="0.55" fill="none" stroke="#d6b48a" stroke-width="2" stroke-linecap="round">
<!-- flowing curves -->
<path d="M110,140 C210,95 310,115 420,95 C520,78 610,95 720,70" />
<path d="M90,200 C210,165 300,190 420,160 C540,130 610,150 735,125" />
<path d="M80,260 C210,240 310,255 420,235 C530,215 620,230 740,210" />
<path d="M85,320 C210,305 320,320 430,300 C540,280 640,295 740,280" />
<path d="M95,380 C220,365 320,390 440,370 C560,350 650,365 735,350" />
<!-- vein-like branches -->
<path d="M235,120 C255,145 270,165 295,185" />
<path d="M295,185 C270,200 255,215 240,235" />
<path d="M455,145 C475,170 500,190 530,210" />
<path d="M530,210 C505,225 485,245 470,265" />
<path d="M610,165 C585,190 565,210 545,235" />
<path d="M360,260 C335,285 320,305 300,330" />
<path d="M500,315 C475,335 455,355 435,380" />
</g>
<!-- Top center hole (cutout) -->
<!-- Outer ring -->
<circle cx="400" cy="120" r="34" fill="#e9d5b6" stroke="#8a5a2f" stroke-width="8"/>
<!-- Inner cutout -->
<circle cx="400" cy="120" r="20" fill="#ffffff" opacity="0.95"/>
<!-- Bottom blank bar for text -->
<rect x="240" y="360" width="320" height="58" rx="8" ry="8"
fill="#cfc4b2" stroke="#7a4a26" stroke-width="5"/>
<!-- Small subtle highlight on the bar -->
<path d="M255,378 H545" stroke="#efe7dc" stroke-width="3" opacity="0.55" stroke-linecap="round"/>
</svg>