← Back to dashboard

red and white L-shaped gradient

Model: simple_gemini | Tier: simple | ID: 9741670a-56fa-49e6-9b46-185c988ec905_d9d3bfbefbf2a81d | 1 elements

0.167
Editability
0.833
Coverage
0.200
Purity
0.133
Crosstalk
1.000
Compact
1.000
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

top-left pale pink corner: 0
top-right coral gradient strip:
left-side vertical red gradient bar:
bottom-left deep red section:
right-side white rectangular area:
bottom-right white corner:

Elements — click to highlight

#TagConceptPurityContributions
0 path top-left pale pink c
0.200
top-left pal
1.000
top-right co
1.000
left-side ve
1.000
bottom-left
1.000
right-side w
0.000
bottom-right
1.000

SVG Code

<svg width="500" height="500" viewBox="0 0 500 500" xmlns="http://www.w3.org/2000/svg"> <defs> <!-- Define the gradient from top-left (white) to bottom-right (red) --> <linearGradient id="lShapeGradient" x1="0%" y1="0%" x2="100%" y2="100%"> <stop offset="0%" style="stop-color:rgb(255,255,255);stop-opacity:1" /> <stop offset="100%" style="stop-color:rgb(255,0,0);stop-opacity:1" /> </linearGradient> </defs> <!-- The L-shape path: M 0 0 : Move to top-left L 500 0 : Line to top-right L 500 150 : Line down to define top bar thickness L 150 150 : Line to the inner elbow L 150 500 : Line down to the bottom L 0 500 : Line to bottom-left Z : Close path back to 0,0 --> <path d="M 0 0 L 500 0 L 500 150 L 150 150 L 150 500 L 0 500 Z" fill="url(#lShapeGradient)" /> </svg>