← Back to dashboard

artisanal reddish-brown smiley face sketch

Model: openai | Tier: complex | ID: 76dbc367-a580-4a45-960f-0a4c9245e0d6_6780fbe8f9e4a4ef | 6 elements

0.493
Editability
1.000
Coverage
0.493
Purity
0.248
Crosstalk
0.206
Compact
0.600
Locality
0.880
Contiguity
full
Showing: full SVG

Concept Groups

outer reddish-brown circular border: 0
inner white circular face area: 1 5
right eye (reddish-brown oval): 2 3
curved reddish-brown smile line:
light beige inner shadow along the border: 4

Elements — click to highlight

#TagConceptPurityContributions
0 path outer reddish-brown
0.377
outer reddis
0.713
inner white
0.000
right eye (r
0.000
curved reddi
0.589
light beige
0.588
1 path inner white circular
0.470
outer reddis
0.088
inner white
0.232
right eye (r
0.000
curved reddi
0.084
light beige
0.089
2 ellipse right eye (reddish-b
0.458
outer reddis
0.099
inner white
0.337
right eye (r
0.500
curved reddi
0.080
light beige
0.076
3 ellipse right eye (reddish-b
0.456
outer reddis
0.100
inner white
0.342
right eye (r
0.500
curved reddi
0.079
light beige
0.077
4 path light beige inner sh
0.463
outer reddis
0.000
inner white
0.026
right eye (r
0.000
curved reddi
0.157
light beige
0.158
5 path inner white circular
0.737
outer reddis
0.000
inner white
0.065
right eye (r
0.000
curved reddi
0.011
light beige
0.012

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"> <!-- Step-by-Step Analysis (from description) 1) Subject: a simple smiley face (circle outline, two oval eyes, wide curved smile). 2) Style: hand-drawn / artisanal with thick, uneven, textured strokes (grungy marker/brush feel). 3) Color: muted reddish-brown; background transparent. 4) Composition: centered face; eyes in upper half; smile spanning lower half. 5) Implementation approach in SVG: - Use paths/ellipses with thick strokes and rounded caps/joins. - Add slight wobble to circle and smile using hand-drawn-like path coordinates. - Apply a subtle "roughen" filter (turbulence + displacement) to create uneven edges. --> <defs> <!-- Subtle roughen filter for a hand-drawn, grungy edge --> <filter id="roughen" x="-10%" y="-10%" width="120%" height="120%"> <feTurbulence type="fractalNoise" baseFrequency="0.018" numOctaves="2" seed="7" result="noise"/> <feDisplacementMap in="SourceGraphic" in2="noise" scale="6" xChannelSelector="R" yChannelSelector="G"/> </filter> <!-- Slightly stronger roughen for the outer ring --> <filter id="roughenStrong" x="-12%" y="-12%" width="124%" height="124%"> <feTurbulence type="fractalNoise" baseFrequency="0.014" numOctaves="3" seed="11" result="noise"/> <feDisplacementMap in="SourceGraphic" in2="noise" scale="9" xChannelSelector="R" yChannelSelector="G"/> </filter> </defs> <g fill="none" stroke="#8a4b3e" stroke-linecap="round" stroke-linejoin="round"> <!-- Outer hand-drawn circle (slightly wobbly path) --> <path filter="url(#roughenStrong)" stroke-width="22" d="M 256 72 C 160 78, 92 154, 84 252 C 76 352, 150 436, 248 440 C 354 444, 434 368, 436 264 C 438 154, 356 76, 256 72 Z"/> <!-- Add a second, offset stroke to enhance the sketched/uneven look --> <path filter="url(#roughen)" stroke-width="14" opacity="0.75" d="M 262 78 C 172 82, 104 156, 96 250 C 88 346, 156 426, 250 432 C 346 438, 424 370, 428 268 C 432 166, 356 84, 262 78 Z"/> <!-- Eyes: simple ovals with thick strokes --> <ellipse filter="url(#roughen)" cx="196" cy="210" rx="22" ry="30" stroke-width="16"/> <ellipse filter="url(#roughen)" cx="318" cy="210" rx="22" ry="30" stroke-width="16"/> <!-- Smile: wide upward curve, hand-drawn path --> <path filter="url(#roughen)" stroke-width="22" d="M 160 310 C 190 370, 240 392, 256 392 C 272 392, 322 370, 352 310"/> <!-- Slight secondary smile stroke for extra texture --> <path filter="url(#roughen)" stroke-width="12" opacity="0.7" d="M 168 314 C 198 360, 238 380, 256 380 C 274 380, 314 360, 344 314"/> </g> </svg>