Showing: full SVG
Concept Groups
bottom orange border: 0
right vertical yellow-orange gradient edge:
lower-right rounded corner:
Elements — click to highlight
| # | Tag | Concept | Purity | Contributions |
|---|---|---|---|---|
| 0 | rect |
bottom orange border |
0.333
|
1.000 1.000 1.000 |
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="300" viewBox="0 0 800 300">
<!-- Step-by-step analysis (from description)
1) A horizontal rectangular outline with softly rounded corners.
2) The center is transparent (no fill), so it shows the background.
3) The border is a vertical gradient: bright yellow at the top to rich orange at the bottom.
4) Clean, simple UI-like placeholder with a moderately thick stroke.
-->
<defs>
<linearGradient id="borderGrad" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#FFD400"/>
<stop offset="100%" stop-color="#FF7A00"/>
</linearGradient>
</defs>
<!-- Transparent interior, gradient stroke -->
<rect
x="60" y="70"
width="680" height="160"
rx="22" ry="22"
fill="none"
stroke="url(#borderGrad)"
stroke-width="14"
stroke-linejoin="round"
/>
</svg>