Showing: full SVG
Concept Groups
blue right-pointing arrow: 2 3 5 6 7
brown horizontal rectangle: 10 11 12
central wooden post: 0 1 4 15
top circular wooden knob: 8 9 13 14
bottom circular wooden knob:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | path |
central wooden post |
0.785
|
0.000 0.000 0.970 0.000 0.266 |
| 1 | path |
central wooden post |
0.768
|
0.000 0.000 0.013 0.000 0.004 |
| 2 | path |
blue right-pointing |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 3 | path |
blue right-pointing |
1.000
|
0.000 0.000 0.000 0.000 0.000 |
| 4 | path |
central wooden post |
0.776
|
0.000 0.000 0.004 0.000 0.001 |
| 5 | path |
blue right-pointing |
0.882
|
0.978 0.000 0.006 0.013 0.112 |
| 6 | path |
blue right-pointing |
0.841
|
0.014 0.000 0.000 0.001 0.002 |
| 7 | path |
blue right-pointing |
0.913
|
0.004 0.000 0.000 0.000 0.000 |
| 8 | path |
top circular wooden |
0.872
|
0.004 0.000 0.000 0.326 0.044 |
| 9 | path |
top circular wooden |
0.884
|
0.000 0.000 0.000 0.010 0.001 |
| 10 | path |
brown horizontal rec |
0.657
|
0.000 0.982 0.004 0.030 0.477 |
| 11 | path |
brown horizontal rec |
0.596
|
0.000 0.006 0.000 0.001 0.004 |
| 12 | path |
brown horizontal rec |
0.604
|
0.000 0.007 0.000 0.001 0.004 |
| 13 | path |
top circular wooden |
0.873
|
0.000 0.005 0.001 0.602 0.082 |
| 14 | path |
top circular wooden |
0.873
|
0.000 0.000 0.000 0.017 0.002 |
| 15 | path |
central wooden post |
0.703
|
0.000 0.000 0.003 0.000 0.001 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
<!--
Step-by-Step Analysis
1) Overall scene: a whimsical, hand-drawn wooden signpost on a transparent background.
2) Main structure: a vertical wooden post (light tan) with dark brown outline and subtle wood grain/dashes.
3) Two attached signs:
- Top sign: blue arrow pointing right, outlined in dark brown, with simple dashed detail lines.
- Bottom sign: reddish-brown blank rectangle, outlined in dark brown, with simple dashed detail lines.
4) Style: cartoon/doodle with slightly wobbly strokes and rounded corners.
-->
<defs>
<!-- Slightly sketchy look via soft jittered stroke joins/caps -->
<style>
.outline { stroke:#4b2a1a; stroke-width:8; stroke-linecap:round; stroke-linejoin:round; }
.dash { stroke:#4b2a1a; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; stroke-dasharray:10 12; opacity:0.9; }
.grain { stroke:#7a4a2b; stroke-width:3; stroke-linecap:round; opacity:0.35; }
</style>
<!-- Small wood grain pattern (subtle) -->
<pattern id="woodGrain" width="60" height="60" patternUnits="userSpaceOnUse">
<path class="grain" d="M5,15 C18,6 32,26 55,14" fill="none"/>
<path class="grain" d="M6,38 C20,28 34,48 56,36" fill="none"/>
<path class="grain" d="M10,52 C24,42 36,60 52,50" fill="none"/>
</pattern>
</defs>
<!-- Wooden post -->
<g transform="translate(0,0)">
<!-- Post body (slightly wobbly polygon) -->
<path class="outline" fill="#d7b07a" d="
M365,90
C360,150 360,210 362,270
C364,340 360,420 358,500
C357,520 360,535 370,548
C380,560 410,560 420,548
C430,535 432,520 431,500
C429,420 433,340 435,270
C437,210 437,150 432,90
C430,72 418,60 398,60
C380,60 368,72 365,90
Z"/>
<!-- Wood grain overlay -->
<path fill="url(#woodGrain)" opacity="0.55" d="
M372,92
C368,150 368,210 370,270
C372,340 368,420 366,500
C365,520 368,533 376,543
C384,553 410,553 418,543
C426,533 428,520 427,500
C425,420 429,340 431,270
C433,210 433,150 429,92
C427,78 418,68 399,68
C382,68 374,78 372,92
Z"/>
<!-- A couple of doodle dashes on the post -->
<path class="dash" d="M387,150 L412,150" fill="none"/>
<path class="dash" d="M382,310 L418,310" fill="none"/>
<path class="dash" d="M386,430 L416,430" fill="none"/>
</g>
<!-- Top blue arrow sign (pointing right) -->
<g>
<!-- Arrow shape -->
<path class="outline" fill="#3f86d8" d="
M250,150
C230,150 220,162 220,180
C220,198 230,210 250,210
L470,210
C485,210 500,220 510,230
L590,180
L510,130
C500,140 485,150 470,150
Z"/>
<!-- Inner dashed detail lines -->
<path class="dash" d="M255,180 L455,180" fill="none"/>
<path class="dash" d="M470,170 L500,170" fill="none"/>
<!-- Small notch/wood attachment hint -->
<path class="outline" fill="#d7b07a" d="
M355,155
C345,160 340,170 340,180
C340,190 345,200 355,205
C365,210 385,210 395,205
C405,200 410,190 410,180
C410,170 405,160 395,155
C385,150 365,150 355,155
Z" opacity="0.95"/>
<path class="dash" d="M352,180 L398,180" fill="none" opacity="0.8"/>
</g>
<!-- Bottom reddish-brown rectangular sign (blank) -->
<g>
<!-- Sign body (rounded, slightly uneven) -->
<path class="outline" fill="#b55a3a" d="
M235,300
C220,300 210,312 210,328
L210,392
C210,408 220,420 235,420
L560,420
C575,420 585,408 585,392
L585,328
C585,312 575,300 560,300
Z"/>
<!-- Dashed detail lines -->
<path class="dash" d="M245,335 L550,335" fill="none"/>
<path class="dash" d="M245,385 L550,385" fill="none"/>
<!-- Attachment hint over the post -->
<path class="outline" fill="#d7b07a" d="
M360,305
C348,312 342,320 342,330
L342,390
C342,400 348,408 360,415
C372,422 410,422 422,415
C434,408 440,400 440,390
L440,330
C440,320 434,312 422,305
C410,298 372,298 360,305
Z" opacity="0.95"/>
<path class="dash" d="M352,360 L430,360" fill="none" opacity="0.8"/>
</g>
<!-- Slight ground hint (very subtle doodle line) -->
<path class="outline" d="M300,560 C360,545 440,545 500,560" fill="none" opacity="0.25"/>
</svg>