← Back to dashboard

blue-purple gradient border rectangle

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

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

Concept Groups

left blue curved corner: 0
bottom blue-to-purple gradient border:
central white rectangular area:
upper-right dark purple segment:

Elements — click to highlight

#TagConceptPurityContributions
0 rect left blue curved cor
0.333
left blue cu
1.000
bottom blue-
1.000
central whit
0.000
upper-right
1.000

SVG Code

<svg width="400" height="100" xmlns="http://www.w3.org/2000/svg"> <!-- Define the linear gradient for the border --> <defs> <linearGradient id="borderGradient" x1="0%" y1="0%" x2="100%" y2="0%"> <stop offset="0%" stop-color="#00BFFF" /> <!-- Bright vibrant blue --> <stop offset="100%" stop-color="#1E1A5E" /> <!-- Deep purplish-blue --> </linearGradient> </defs> <!-- Draw the rounded rectangle with gradient border --> <rect x="10" y="10" width="380" height="80" rx="20" ry="20" fill="white" stroke="url(#borderGradient)" stroke-width="10"/> </svg>