← Back to dashboard

pink and mint green birthday banner

Model: openai | Tier: complex | ID: 7f62facb-3112-45fb-b778-a9f911d619a8_b4b8861a74d0c485 | 54 elements

0.530
Editability
1.000
Coverage
0.530
Purity
0.275
Crosstalk
0.025
Compact
0.781
Locality
0.985
Contiguity
full
Showing: full SVG

Concept Groups

top-right pink triangle with 'y': 2 4 6 7 9 11 13 15 17 19 21 23 25 27
bottom-left mint green triangle with 'b': 3 5 8 10 12 14 16 18 20 22 24 26
bottom-center pink triangle with 't': 45 46
bottom-right mint green triangle with 'y': 0 1 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 47 48 49 50 51 52 53

Elements — click to highlight

#TagConceptPurityContributions
0 path bottom-right mint gr
0.752
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.010
bottom-right
0.030
1 path bottom-right mint gr
0.633
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.026
bottom-right
0.045
2 polygon top-right pink trian
0.478
top-right pi
0.114
bottom-left
0.000
bottom-cente
0.060
bottom-right
0.064
3 polygon bottom-left mint gre
0.554
top-right pi
0.000
bottom-left
0.130
bottom-cente
0.049
bottom-right
0.056
4 polygon top-right pink trian
0.471
top-right pi
0.117
bottom-left
0.000
bottom-cente
0.064
bottom-right
0.068
5 polygon bottom-left mint gre
0.564
top-right pi
0.000
bottom-left
0.131
bottom-cente
0.047
bottom-right
0.054
6 polygon top-right pink trian
0.489
top-right pi
0.114
bottom-left
0.000
bottom-cente
0.056
bottom-right
0.063
7 text top-right pink trian
0.477
top-right pi
0.029
bottom-left
0.000
bottom-cente
0.016
bottom-right
0.016
8 text bottom-left mint gre
0.552
top-right pi
0.000
bottom-left
0.032
bottom-cente
0.013
bottom-right
0.014
9 text top-right pink trian
0.477
top-right pi
0.024
bottom-left
0.000
bottom-cente
0.013
bottom-right
0.013
10 text bottom-left mint gre
0.562
top-right pi
0.000
bottom-left
0.031
bottom-cente
0.011
bottom-right
0.013
11 text top-right pink trian
0.491
top-right pi
0.020
bottom-left
0.000
bottom-cente
0.010
bottom-right
0.011
12 polygon bottom-left mint gre
0.559
top-right pi
0.000
bottom-left
0.133
bottom-cente
0.055
bottom-right
0.050
13 polygon top-right pink trian
0.458
top-right pi
0.132
bottom-left
0.000
bottom-cente
0.083
bottom-right
0.074
14 polygon bottom-left mint gre
0.542
top-right pi
0.000
bottom-left
0.132
bottom-cente
0.056
bottom-right
0.056
15 polygon top-right pink trian
0.456
top-right pi
0.126
bottom-left
0.000
bottom-cente
0.081
bottom-right
0.069
16 polygon bottom-left mint gre
0.556
top-right pi
0.000
bottom-left
0.131
bottom-cente
0.056
bottom-right
0.049
17 polygon top-right pink trian
0.488
top-right pi
0.117
bottom-left
0.000
bottom-cente
0.069
bottom-right
0.054
18 polygon bottom-left mint gre
0.596
top-right pi
0.000
bottom-left
0.135
bottom-cente
0.046
bottom-right
0.045
19 polygon top-right pink trian
0.494
top-right pi
0.125
bottom-left
0.000
bottom-cente
0.070
bottom-right
0.058
20 text bottom-left mint gre
0.558
top-right pi
0.000
bottom-left
0.037
bottom-cente
0.016
bottom-right
0.014
21 text top-right pink trian
0.468
top-right pi
0.013
bottom-left
0.000
bottom-cente
0.008
bottom-right
0.007
22 text bottom-left mint gre
0.549
top-right pi
0.000
bottom-left
0.036
bottom-cente
0.015
bottom-right
0.015
23 text top-right pink trian
0.464
top-right pi
0.020
bottom-left
0.000
bottom-cente
0.013
bottom-right
0.011
24 text bottom-left mint gre
0.574
top-right pi
0.000
bottom-left
0.038
bottom-cente
0.015
bottom-right
0.013
25 text top-right pink trian
0.482
top-right pi
0.028
bottom-left
0.000
bottom-cente
0.017
bottom-right
0.013
26 text bottom-left mint gre
0.614
top-right pi
0.000
bottom-left
0.032
bottom-cente
0.010
bottom-right
0.010
27 text top-right pink trian
0.483
top-right pi
0.021
bottom-left
0.000
bottom-cente
0.012
bottom-right
0.010
28 circle bottom-right mint gr
0.521
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
29 circle bottom-right mint gr
0.565
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
30 circle bottom-right mint gr
0.577
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
31 circle bottom-right mint gr
0.518
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
32 circle bottom-right mint gr
0.512
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
33 circle bottom-right mint gr
0.469
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
34 circle bottom-right mint gr
0.516
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
35 circle bottom-right mint gr
0.519
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
36 circle bottom-right mint gr
0.506
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
37 circle bottom-right mint gr
0.586
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
38 circle bottom-right mint gr
0.596
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
39 circle bottom-right mint gr
0.484
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
40 circle bottom-right mint gr
0.492
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
41 circle bottom-right mint gr
0.510
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
42 circle bottom-right mint gr
0.500
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
43 circle bottom-right mint gr
0.505
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
44 circle bottom-right mint gr
0.511
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
45 circle bottom-center pink t
0.525
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
46 circle bottom-center pink t
0.520
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
47 circle bottom-right mint gr
0.511
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
48 circle bottom-right mint gr
0.507
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
49 circle bottom-right mint gr
0.503
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
50 circle bottom-right mint gr
0.509
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
51 circle bottom-right mint gr
0.519
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
52 circle bottom-right mint gr
0.513
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000
53 circle bottom-right mint gr
0.528
top-right pi
0.000
bottom-left
0.000
bottom-cente
0.000
bottom-right
0.000

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="650" viewBox="0 0 1200 650"> <defs> <!-- Sticker-like white border --> <filter id="sticker" x="-20%" y="-20%" width="140%" height="140%"> <feMorphology in="SourceAlpha" operator="dilate" radius="10" result="dilated"/> <feFlood flood-color="#ffffff" result="white"/> <feComposite in="white" in2="dilated" operator="in" result="border"/> <feMerge> <feMergeNode in="border"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> <style> .string { stroke:#222; stroke-width:6; stroke-linecap:round; fill:none; } .pennant { stroke:#222; stroke-width:4; stroke-linejoin:round; } .letter { font-family: "Arial Black", "Montserrat", "Helvetica", Arial, sans-serif; font-weight: 900; font-size: 56px; text-anchor: middle; dominant-baseline: middle; stroke:#111; stroke-width:6; paint-order: stroke fill; } </style> </defs> <!-- Step-by-Step Analysis (embedded as comments) 1) Overall composition: a cheerful two-row birthday banner with triangular pennants. 2) Top row spells "HAPPY" on five pennants; bottom row spells "BIRTHDAY" on eight pennants. 3) Pennant colors alternate bright pink and mint green across each row. 4) Letters also alternate between pink and mint green, outlined in black for a bold look. 5) Two curved strings run behind/above each row to show they are strung together. 6) A clean white outer border (sticker/cutout feel) surrounds the entire banner group. --> <g filter="url(#sticker)"> <!-- Background kept transparent; sticker border provided by filter --> <!-- Top string --> <path class="string" d="M140 135 C 320 75, 520 75, 700 135 S 1060 195, 1100 135" /> <!-- Bottom string --> <path class="string" d="M90 365 C 300 300, 520 300, 740 365 S 1030 430, 1120 365" /> <!-- TOP ROW: HAPPY (5 pennants) --> <!-- Layout constants (manual placement for clean look) --> <!-- Pennant geometry: top edge ~140 wide, height ~150 --> <g> <!-- Pennants --> <polygon class="pennant" fill="#ff4fbf" points="170,155 290,155 230,300"/> <polygon class="pennant" fill="#7fe6cf" points="310,155 430,155 370,300"/> <polygon class="pennant" fill="#ff4fbf" points="450,155 570,155 510,300"/> <polygon class="pennant" fill="#7fe6cf" points="590,155 710,155 650,300"/> <polygon class="pennant" fill="#ff4fbf" points="730,155 850,155 790,300"/> <!-- Letters (alternating fill colors) --> <text class="letter" x="230" y="225" fill="#7fe6cf">H</text> <text class="letter" x="370" y="225" fill="#ff4fbf">A</text> <text class="letter" x="510" y="225" fill="#7fe6cf">P</text> <text class="letter" x="650" y="225" fill="#ff4fbf">P</text> <text class="letter" x="790" y="225" fill="#7fe6cf">Y</text> </g> <!-- BOTTOM ROW: BIRTHDAY (8 pennants) --> <g> <polygon class="pennant" fill="#7fe6cf" points="110,385 230,385 170,540"/> <polygon class="pennant" fill="#ff4fbf" points="240,385 360,385 300,540"/> <polygon class="pennant" fill="#7fe6cf" points="370,385 490,385 430,540"/> <polygon class="pennant" fill="#ff4fbf" points="500,385 620,385 560,540"/> <polygon class="pennant" fill="#7fe6cf" points="630,385 750,385 690,540"/> <polygon class="pennant" fill="#ff4fbf" points="760,385 880,385 820,540"/> <polygon class="pennant" fill="#7fe6cf" points="890,385 1010,385 950,540"/> <polygon class="pennant" fill="#ff4fbf" points="1020,385 1140,385 1080,540"/> <!-- Letters (alternating fill colors) --> <text class="letter" x="170" y="460" fill="#ff4fbf">B</text> <text class="letter" x="300" y="460" fill="#7fe6cf">I</text> <text class="letter" x="430" y="460" fill="#ff4fbf">R</text> <text class="letter" x="560" y="460" fill="#7fe6cf">T</text> <text class="letter" x="690" y="460" fill="#ff4fbf">H</text> <text class="letter" x="820" y="460" fill="#7fe6cf">D</text> <text class="letter" x="950" y="460" fill="#ff4fbf">A</text> <text class="letter" x="1080" y="460" fill="#7fe6cf">Y</text> </g> <!-- Small string tie points (optional detail) --> <g fill="#222"> <!-- Top --> <circle cx="170" cy="155" r="4"/> <circle cx="290" cy="155" r="4"/> <circle cx="310" cy="155" r="4"/> <circle cx="430" cy="155" r="4"/> <circle cx="450" cy="155" r="4"/> <circle cx="570" cy="155" r="4"/> <circle cx="590" cy="155" r="4"/> <circle cx="710" cy="155" r="4"/> <circle cx="730" cy="155" r="4"/> <circle cx="850" cy="155" r="4"/> <!-- Bottom --> <circle cx="110" cy="385" r="4"/> <circle cx="230" cy="385" r="4"/> <circle cx="240" cy="385" r="4"/> <circle cx="360" cy="385" r="4"/> <circle cx="370" cy="385" r="4"/> <circle cx="490" cy="385" r="4"/> <circle cx="500" cy="385" r="4"/> <circle cx="620" cy="385" r="4"/> <circle cx="630" cy="385" r="4"/> <circle cx="750" cy="385" r="4"/> <circle cx="760" cy="385" r="4"/> <circle cx="880" cy="385" r="4"/> <circle cx="890" cy="385" r="4"/> <circle cx="1010" cy="385" r="4"/> <circle cx="1020" cy="385" r="4"/> <circle cx="1140" cy="385" r="4"/> </g> </g> </svg>