| 1 |
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512"> |
| 2 |
<rect x="32" y="32" width="448" height="448" rx="100" fill="#4f46e5"/> |
| 3 |
|
| 4 |
<!-- Row 1: color swatches --> |
| 5 |
<rect x="96" y="104" width="320" height="88" rx="28" fill="#ffffff"/> |
| 6 |
<circle cx="150" cy="148" r="30" fill="none" stroke="#4f46e5" stroke-width="6"/> |
| 7 |
<circle cx="150" cy="148" r="20" fill="#14b8a6"/> |
| 8 |
<circle cx="218" cy="148" r="22" fill="#a78bfa"/> |
| 9 |
<circle cx="286" cy="148" r="22" fill="#f472b6"/> |
| 10 |
<circle cx="354" cy="148" r="22" fill="#94a3b8"/> |
| 11 |
|
| 12 |
<!-- Row 2: text input --> |
| 13 |
<rect x="96" y="212" width="320" height="88" rx="28" fill="#ffffff"/> |
| 14 |
<rect x="128" y="246" width="148" height="20" rx="10" fill="#c7d2fe"/> |
| 15 |
<rect x="292" y="234" width="9" height="44" rx="4.5" fill="#4f46e5"/> |
| 16 |
|
| 17 |
<!-- Row 3: checkbox --> |
| 18 |
<rect x="96" y="320" width="320" height="88" rx="28" fill="#ffffff"/> |
| 19 |
<rect x="126" y="342" width="44" height="44" rx="12" fill="#4f46e5"/> |
| 20 |
<path d="M138 364 l8 8 l18 -20" stroke="#ffffff" stroke-width="7" fill="none" |
| 21 |
stroke-linecap="round" stroke-linejoin="round"/> |
| 22 |
<rect x="196" y="354" width="150" height="20" rx="10" fill="#c7d2fe"/> |
| 23 |
</svg> |
| 24 |
|
