← Back to dashboard

blue rectangle with translucent bands and subtle grid

Model: simple_gemini | Tier: simple | ID: 91ed46c7-c9cc-4977-ae8a-9ae0db7b3365_e335b4531932d60d | 12 elements

0.905
Editability
1.000
Coverage
0.905
Purity
0.481
Crosstalk
0.835
Compact
0.841
Locality
0.586
Contiguity
full
Showing: full SVG

Concept Groups

top-blue translucent band: 0 2 3 4 5 6 7 8 9 10
white background surrounding rectangle: 1 11

Elements — click to highlight

#TagConceptPurityContributions
0 rect top-blue translucent
1.000
top-blue tra
0.000
white backgr
0.000
1 rect white background sur
0.501
top-blue tra
0.944
white backgr
0.949
2 line top-blue translucent
1.000
top-blue tra
0.000
white backgr
0.000
3 line top-blue translucent
1.000
top-blue tra
0.000
white backgr
0.000
4 line top-blue translucent
1.000
top-blue tra
0.000
white backgr
0.000
5 line top-blue translucent
1.000
top-blue tra
0.000
white backgr
0.000
6 line top-blue translucent
1.000
top-blue tra
0.000
white backgr
0.000
7 linearGradient top-blue translucent
1.000
top-blue tra
0.014
white backgr
0.000
8 rect top-blue translucent
1.000
top-blue tra
0.014
white backgr
0.000
9 linearGradient top-blue translucent
0.967
top-blue tra
0.014
white backgr
0.001
10 rect top-blue translucent
0.967
top-blue tra
0.014
white backgr
0.001
11 rect white background sur
0.993
top-blue tra
0.000
white backgr
0.050

SVG Code

<svg width="800" height="500" viewBox="0 0 800 500" xmlns="http://www.w3.org/2000/svg"> <!-- Background --> <rect width="800" height="500" fill="white" /> <!-- Main Vibrant Blue Rectangle --> <rect x="0" y="50" width="600" height="400" fill="#0056b3" /> <!-- Vertical Grid Lines (Faint, lighter blue) --> <g stroke="#add8e6" stroke-width="1" stroke-opacity="0.3"> <line x1="100" y1="50" x2="100" y2="450" /> <line x1="200" y1="50" x2="200" y2="450" /> <line x1="300" y1="50" x2="300" y2="450" /> <line x1="400" y1="50" x2="400" y2="450" /> <line x1="500" y1="50" x2="500" y2="450" /> </g> <!-- Top Translucent Band (Soft effect) --> <linearGradient id="topGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#87cefa" stop-opacity="0.6" /> <stop offset="100%" stop-color="#0056b3" stop-opacity="0" /> </linearGradient> <rect x="0" y="50" width="600" height="60" fill="url(#topGrad)" /> <!-- Bottom Translucent Band (Soft effect) --> <linearGradient id="bottomGrad" x1="0" y1="0" x2="0" y2="1"> <stop offset="0%" stop-color="#0056b3" stop-opacity="0" /> <stop offset="100%" stop-color="#87cefa" stop-opacity="0.6" /> </linearGradient> <rect x="0" y="390" width="600" height="60" fill="url(#bottomGrad)" /> <!-- Subtle border to define the soft edges of the bands --> <rect x="0" y="50" width="600" height="400" fill="none" stroke="#add8e6" stroke-width="1" stroke-opacity="0.2" /> </svg>