← Back to dashboard

blue rectangle with translucent bands and subtle grid

Model: simple_openai | Tier: simple | ID: 91ed46c7-c9cc-4977-ae8a-9ae0db7b3365_e335b4531932d60d | 15 elements

0.508
Editability
1.000
Coverage
0.508
Purity
0.969
Crosstalk
0.908
Compact
0.970
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

top-right translucent blue band: 0 1
central vertical grid lines: 2 3 4 5 6 7 8 9 10 11 12 13 14

Elements — click to highlight

#TagConceptPurityContributions
0 rect top-right translucen
1.000
top-right tr
0.000
central vert
0.000
1 rect top-right translucen
0.500
top-right tr
0.970
central vert
0.968
2 line central vertical gri
0.531
top-right tr
0.000
central vert
0.000
3 line central vertical gri
0.532
top-right tr
0.000
central vert
0.000
4 line central vertical gri
0.532
top-right tr
0.000
central vert
0.000
5 line central vertical gri
0.532
top-right tr
0.000
central vert
0.000
6 line central vertical gri
0.530
top-right tr
0.000
central vert
0.000
7 line central vertical gri
0.532
top-right tr
0.000
central vert
0.000
8 line central vertical gri
0.533
top-right tr
0.000
central vert
0.000
9 line central vertical gri
0.536
top-right tr
0.000
central vert
0.000
10 line central vertical gri
0.552
top-right tr
0.000
central vert
0.000
11 rect central vertical gri
0.511
top-right tr
0.010
central vert
0.010
12 rect central vertical gri
0.512
top-right tr
0.010
central vert
0.010
13 rect central vertical gri
0.517
top-right tr
0.004
central vert
0.004
14 rect central vertical gri
0.519
top-right tr
0.004
central vert
0.004

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="900" height="500" viewBox="0 0 900 500"> <!-- Step-by-Step Analysis (as comments) 1) Canvas: a wide frame with a large blue rectangle occupying the left/center, and a white area on the right. 2) Main shape: solid vibrant blue rectangle spanning most of the width, stopping before the right edge. 3) Accents: lighter, translucent blue horizontal bands along the top and bottom edges of the blue area, with a soft/blurred feel. 4) Subtle grid: faint, lighter blue vertical lines at intervals across the blue area. 5) Right side: left untouched (white background). --> <defs> <!-- Soft blur for the top/bottom bands --> <filter id="softBlur" x="-20%" y="-50%" width="140%" height="200%"> <feGaussianBlur stdDeviation="6" /> </filter> <!-- Slightly lighter overlay to give depth --> <linearGradient id="blueDepth" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0A66FF" stop-opacity="0.95"/> <stop offset="50%" stop-color="#0A66FF" stop-opacity="1"/> <stop offset="100%" stop-color="#0A66FF" stop-opacity="0.95"/> </linearGradient> </defs> <!-- Background (right side remains white) --> <rect x="0" y="0" width="900" height="500" fill="#FFFFFF"/> <!-- Main vibrant blue rectangle (left + center) --> <rect x="0" y="0" width="650" height="500" fill="url(#blueDepth)"/> <!-- Faint vertical grid lines within the blue area --> <g opacity="0.18" stroke="#9ED2FF" stroke-width="2"> <line x1="70" y1="0" x2="70" y2="500"/> <line x1="140" y1="0" x2="140" y2="500"/> <line x1="210" y1="0" x2="210" y2="500"/> <line x1="280" y1="0" x2="280" y2="500"/> <line x1="350" y1="0" x2="350" y2="500"/> <line x1="420" y1="0" x2="420" y2="500"/> <line x1="490" y1="0" x2="490" y2="500"/> <line x1="560" y1="0" x2="560" y2="500"/> <line x1="630" y1="0" x2="630" y2="500"/> </g> <!-- Top translucent band (soft, slightly blurred) --> <rect x="0" y="0" width="650" height="70" fill="#A9DDFF" opacity="0.35" filter="url(#softBlur)"/> <!-- Bottom translucent band (soft, slightly blurred) --> <rect x="0" y="430" width="650" height="70" fill="#A9DDFF" opacity="0.35" filter="url(#softBlur)"/> <!-- Slight inner highlight near edges to enhance the band effect --> <rect x="0" y="12" width="650" height="18" fill="#BFEAFF" opacity="0.18"/> <rect x="0" y="470" width="650" height="18" fill="#BFEAFF" opacity="0.18"/> </svg>