← Back to dashboard

white rectangle with navy blue border and grid

Model: simple_openai | Tier: simple | ID: 559a077a-c837-4ab1-b302-ca643b26e1bf_192c5c77403b5e97 | 4 elements

0.501
Editability
1.000
Coverage
0.501
Purity
0.262
Crosstalk
0.500
Compact
0.667
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

navy blue bottom border: 3
navy blue right border:
white central rectangle: 2
grid pattern within navy blue border: 0 1

Elements — click to highlight

#TagConceptPurityContributions
0 rect grid pattern within
0.488
navy blue bo
0.521
navy blue ri
0.524
white centra
0.000
grid pattern
0.997
1 rect grid pattern within
0.474
navy blue bo
0.001
navy blue ri
0.001
white centra
0.000
grid pattern
0.002
2 rect white central rectan
0.513
navy blue bo
0.476
navy blue ri
0.473
white centra
1.000
grid pattern
0.000
3 rect navy blue bottom bor
0.466
navy blue bo
0.002
navy blue ri
0.002
white centra
0.000
grid pattern
0.000

SVG Code

<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500"> <!-- Step-by-Step Analysis (embedded as SVG comments) 1) Create a large central white rectangle to dominate the composition. 2) Surround it with a thick dark navy border to frame the white area. 3) Add faint, lighter-blue grid lines across the navy border region only, keeping the interior white area clean and unmarked. 4) Keep everything geometric and minimalist with crisp edges and subtle contrast. --> <!-- Background (navy frame area) --> <rect x="0" y="0" width="800" height="500" fill="#0b1f3a"/> <!-- Grid pattern definition (faint light-blue lines) --> <defs> <pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"> <path d="M 40 0 L 40 40 M 0 40 L 40 40" fill="none" stroke="#2e5f9a" stroke-width="1" opacity="0.25"/> </pattern> <!-- Mask to show grid only in the border area (not inside the white rectangle) --> <mask id="borderMask"> <!-- Start with everything hidden --> <rect x="0" y="0" width="800" height="500" fill="black"/> <!-- Show the entire canvas --> <rect x="0" y="0" width="800" height="500" fill="white"/> <!-- Punch out the inner white area so grid won't appear there --> <rect x="120" y="80" width="560" height="340" fill="black"/> </mask> </defs> <!-- Apply faint grid over the navy border region --> <rect x="0" y="0" width="800" height="500" fill="url(#grid)" mask="url(#borderMask)"/> <!-- Central white rectangle (dominant content area) --> <rect x="120" y="80" width="560" height="340" fill="#ffffff"/> <!-- Optional subtle inner edge to emphasize framing (very minimal) --> <rect x="120" y="80" width="560" height="340" fill="none" stroke="#0a1830" stroke-width="2" opacity="0.35"/> </svg>