← Back to dashboard

blue-purple gradient border rectangle

Model: simple_gemini | Tier: simple | ID: 17bd0b33-ad1f-4ff5-89d8-0e6f7afcae62_f163c78d010ce06d | 1 elements

0.333
Editability
1.000
Coverage
0.333
Purity
0.333
Crosstalk
1.000
Compact
1.000
Locality
1.000
Contiguity
full
Showing: full SVG

Concept Groups

left-curved cyan border: 0
upper-left rounded corner:
lower-right rounded corner:

Elements — click to highlight

#TagConceptPurityContributions
0 rect left-curved cyan bor
0.333
left-curved
1.000
upper-left r
1.000
lower-right
1.000

SVG Code

<svg width="600" height="200" viewBox="0 0 600 200" xmlns="http://www.w3.org/2000/svg"> <!-- Define the gradient for the border --> <defs> <linearGradient id="borderGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" style="stop-color:#00d4ff; stop-opacity:1" /> <stop offset="100%" style="stop-color:#1a1a4b; stop-opacity:1" /> </linearGradient> </defs> <!-- Create the elongated rounded rectangle --> <rect x="20" y="50" width="560" height="100" rx="50" ry="50" fill="#ffffff" stroke="url(#borderGradient)" stroke-width="12" /> </svg>