Showing: full SVG
Concept Groups
top-right navy blue grid section: 3
bottom-right navy blue grid section: 0 1
central white rectangle: 2
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
bottom-right navy bl |
0.663
|
0.482 0.996 0.025 |
| 1 | rect |
bottom-right navy bl |
0.639
|
0.001 0.002 0.000 |
| 2 | rect |
central white rectan |
0.653
|
0.516 0.002 0.975 |
| 3 | rect |
top-right navy blue |
0.882
|
0.001 0.000 0.000 |
SVG Code
<svg width="800" height="600" viewBox="0 0 800 600" xmlns="http://www.w3.org/2000/svg">
<!-- Define the grid pattern -->
<defs>
<pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="#003366" stroke-width="0.5"/>
</pattern>
</defs>
<!-- Dark navy blue background (the frame) -->
<rect width="100%" height="100%" fill="#001a33" />
<!-- Apply the faint blue grid lines -->
<rect width="100%" height="100%" fill="url(#grid)" />
<!-- Central white rectangular area -->
<!-- Positioned with an 80px margin to reveal the border -->
<rect x="80" y="80" width="640" height="440" fill="#ffffff" rx="2" ry="2" />
<!-- Optional subtle inner shadow or border for the white area to enhance the "encased" look -->
<rect x="80" y="80" width="640" height="440" fill="none" stroke="#e0e0e0" stroke-width="1" />
</svg>