Showing: full SVG
Concept Groups
pink-to-white gradient frame: 0
center:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
pink-to-white gradie |
0.500
|
1.000 1.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="600" viewBox="0 0 800 600">
<!-- Step-by-step analysis (embedded as comments)
1) Overall shape: a modern rounded-rectangle frame (not a filled card).
2) Color treatment: a vertical gradient applied to the frame stroke:
- Top: deep vivid pink
- Bottom: very light pink / near-white
3) Center area: transparent (no fill), creating a minimalist framed look.
4) Styling: smooth edges with rounded corners and rounded stroke joins/caps.
-->
<defs>
<!-- Vibrant pink (top) to near-white (bottom) gradient -->
<linearGradient id="pinkToWhite" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#ff2aa6"/>
<stop offset="55%" stop-color="#ff7cc8"/>
<stop offset="100%" stop-color="#fff6fb"/>
</linearGradient>
</defs>
<!-- Transparent background by default -->
<!-- Rounded rectangular frame with gradient stroke -->
<rect
x="80" y="60"
width="640" height="480"
rx="48" ry="48"
fill="none"
stroke="url(#pinkToWhite)"
stroke-width="34"
stroke-linejoin="round"
stroke-linecap="round"
/>
</svg>