← Back to dashboard

minimalist frame with clover and starbursts

Model: medium_openai | Tier: medium | ID: ef951772-3169-48cc-8f10-14a171b68f0c_310082ac4317f1c3 | 17 elements

0.433
Editability
1.000
Coverage
0.433
Purity
0.735
Crosstalk
0.130
Compact
0.657
Locality
0.875
Contiguity
full
Showing: full SVG

Concept Groups

frame: 0 1 2 13 14
clover: 4 5 6 7 9 10 11 12
starbursts: 3 8 15 16

Elements — click to highlight

#TagConceptPurityContributions
0 rect frame
0.500
frame
0.010
clover
0.005
starbursts
0.005
1 use frame
0.350
frame
0.062
clover
0.053
starbursts
0.062
2 use frame
0.397
frame
0.087
clover
0.085
starbursts
0.048
3 use starbursts
0.377
frame
0.308
clover
0.287
starbursts
0.360
4 use clover
0.412
frame
0.073
clover
0.087
starbursts
0.051
5 use clover
0.446
frame
0.009
clover
0.011
starbursts
0.005
6 use clover
0.468
frame
0.038
clover
0.053
starbursts
0.022
7 use clover
0.453
frame
0.029
clover
0.035
starbursts
0.014
8 use starbursts
0.434
frame
0.242
clover
0.218
starbursts
0.354
9 use clover
0.410
frame
0.067
clover
0.074
starbursts
0.039
10 use clover
0.459
frame
0.017
clover
0.022
starbursts
0.009
11 use clover
0.433
frame
0.050
clover
0.059
starbursts
0.027
12 use clover
0.485
frame
0.008
clover
0.011
starbursts
0.004
13 circle frame
0.712
frame
0.000
clover
0.000
starbursts
0.000
14 circle frame
0.747
frame
0.000
clover
0.000
starbursts
0.000
15 circle starbursts
0.425
frame
0.000
clover
0.000
starbursts
0.000
16 circle starbursts
0.357
frame
0.000
clover
0.000
starbursts
0.000

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="600" viewBox="0 0 900 600"> <!-- Step-by-Step Analysis (from description) 1) A transparent background with a thin rectangular frame in a light brownish-pink color. 2) The frame is minimalist: single-line rectangle with generous margins. 3) Top-left and bottom-right corners feature elegant clover-like ornaments. 4) Top-right and bottom-left corners feature multiple four-pointed starbursts of varying sizes. 5) Overall look is delicate, subtle, and lightly sparkling. --> <defs> <!-- Light brownish-pink stroke --> <style> .frame { fill: none; stroke: #c9a0a3; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .orn { fill: none; stroke: #c9a0a3; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } .star { fill: none; stroke: #c9a0a3; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .starThin { fill: none; stroke: #c9a0a3; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; } </style> <!-- Four-pointed starburst symbol (a "sparkle") --> <symbol id="sparkle4" viewBox="-12 -12 24 24"> <!-- main cross --> <path d="M 0 -10 L 0 10 M -10 0 L 10 0" /> <!-- diagonal cross --> <path d="M -7 -7 L 7 7 M -7 7 L 7 -7" /> </symbol> <!-- Clover-like ornament (four rounded petals) --> <symbol id="clover" viewBox="-40 -40 80 80"> <!-- Four petals using smooth curves --> <path class="orn" d=" M 0 -6 C 0 -22, -18 -26, -24 -12 C -30 2, -14 12, 0 6 C 14 12, 30 2, 24 -12 C 18 -26, 0 -22, 0 -6 Z" /> <!-- inner small clover echo for elegance --> <path class="orn" d=" M 0 -3.5 C 0 -14, -11 -16, -15 -7.5 C -19 1, -9 7.5, 0 4 C 9 7.5, 19 1, 15 -7.5 C 11 -16, 0 -14, 0 -3.5 Z" opacity="0.75"/> <!-- tiny stem-like flourish --> <path class="orn" d="M 0 10 C 2 16, 8 20, 14 22" opacity="0.7"/> </symbol> </defs> <!-- Frame rectangle --> <rect class="frame" x="70" y="60" width="760" height="480" rx="0" ry="0"/> <!-- Top-left clover ornament (slightly inside the frame) --> <g transform="translate(90 80) scale(0.9)"> <use href="#clover" class="orn"/> </g> <!-- Bottom-right clover ornament --> <g transform="translate(810 520) scale(0.9) rotate(180)"> <use href="#clover" class="orn"/> </g> <!-- Top-right starbursts cluster --> <g transform="translate(810 85)"> <g transform="translate(0 0) scale(0.95)"> <use href="#sparkle4" class="star"/> </g> <g transform="translate(-28 18) scale(0.55) rotate(12)"> <use href="#sparkle4" class="starThin"/> </g> <g transform="translate(-10 34) scale(0.35) rotate(-8)"> <use href="#sparkle4" class="starThin"/> </g> <g transform="translate(-45 -8) scale(0.42) rotate(20)"> <use href="#sparkle4" class="starThin"/> </g> <g transform="translate(-18 -22) scale(0.28) rotate(-18)"> <use href="#sparkle4" class="starThin"/> </g> </g> <!-- Bottom-left starbursts cluster --> <g transform="translate(90 515)"> <g transform="translate(0 0) scale(0.9) rotate(8)"> <use href="#sparkle4" class="star"/> </g> <g transform="translate(30 -18) scale(0.55) rotate(-10)"> <use href="#sparkle4" class="starThin"/> </g> <g transform="translate(12 -36) scale(0.35) rotate(14)"> <use href="#sparkle4" class="starThin"/> </g> <g transform="translate(48 6) scale(0.42) rotate(-22)"> <use href="#sparkle4" class="starThin"/> </g> <g transform="translate(18 22) scale(0.28) rotate(18)"> <use href="#sparkle4" class="starThin"/> </g> </g> <!-- Subtle small accent dots near star clusters (very light) --> <g fill="#c9a0a3" opacity="0.55"> <circle cx="770" cy="70" r="1.6"/> <circle cx="792" cy="110" r="1.2"/> <circle cx="118" cy="548" r="1.4"/> <circle cx="140" cy="500" r="1.1"/> </g> </svg>