| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 320" role="img" aria-labelledby="title description"> |
| <title id="title">StyleController</title> |
| <desc id="description">A white banner with rose-gold and gold flowing patterns around the StyleController title.</desc> |
| <defs> |
| <linearGradient id="accent" x1="0" y1="0" x2="1" y2="1"> |
| <stop offset="0" stop-color="#9f6b2f"/> |
| <stop offset="0.45" stop-color="#d8ad72"/> |
| <stop offset="1" stop-color="#b66f73"/> |
| </linearGradient> |
| <linearGradient id="softAccent" x1="0" y1="0" x2="1" y2="0"> |
| <stop offset="0" stop-color="#d8ad72" stop-opacity="0.08"/> |
| <stop offset="0.5" stop-color="#ffffff" stop-opacity="0"/> |
| <stop offset="1" stop-color="#b66f73" stop-opacity="0.11"/> |
| </linearGradient> |
| <radialGradient id="goldGlow"> |
| <stop offset="0" stop-color="#d8ad72" stop-opacity="0.32"/> |
| <stop offset="1" stop-color="#d8ad72" stop-opacity="0"/> |
| </radialGradient> |
| <radialGradient id="roseGlow"> |
| <stop offset="0" stop-color="#c78282" stop-opacity="0.27"/> |
| <stop offset="1" stop-color="#c78282" stop-opacity="0"/> |
| </radialGradient> |
| <pattern id="dots" width="24" height="24" patternUnits="userSpaceOnUse"> |
| <circle cx="3" cy="3" r="1.6" fill="#b98249" opacity="0.26"/> |
| </pattern> |
| </defs> |
|
|
| <rect width="1280" height="320" fill="#ffffff"/> |
| <rect width="1280" height="320" fill="url(#softAccent)"/> |
|
|
| <ellipse cx="76" cy="44" rx="270" ry="210" fill="url(#goldGlow)"/> |
| <ellipse cx="1215" cy="282" rx="310" ry="235" fill="url(#roseGlow)"/> |
| <path d="M-60 242 C180 82 302 91 449 184 S720 286 892 143 1128 45 1340 120" fill="none" stroke="url(#accent)" stroke-width="2.5" opacity="0.55"/> |
| <path d="M-74 271 C152 121 314 132 442 211 S713 304 903 169 1146 76 1352 151" fill="none" stroke="url(#accent)" stroke-width="1" opacity="0.27"/> |
| <path d="M-45 75 C169 186 315 191 455 116 S720 33 887 121 1125 210 1323 87" fill="none" stroke="url(#accent)" stroke-width="1.5" opacity="0.2"/> |
|
|
| <rect x="34" y="36" width="245" height="248" fill="url(#dots)" opacity="0.55"/> |
| <rect x="1001" y="36" width="245" height="248" fill="url(#dots)" opacity="0.42"/> |
|
|
| <g fill="none" stroke="url(#accent)" opacity="0.52"> |
| <circle cx="163" cy="160" r="72" stroke-width="1.4"/> |
| <circle cx="163" cy="160" r="52" stroke-width="0.8"/> |
| <circle cx="1117" cy="160" r="72" stroke-width="1.4"/> |
| <circle cx="1117" cy="160" r="52" stroke-width="0.8"/> |
| </g> |
|
|
| <rect x="374" y="92" width="532" height="136" rx="68" fill="#ffffff" fill-opacity="0.84" stroke="url(#accent)" stroke-width="1.2"/> |
| <text x="640" y="179" text-anchor="middle" fill="url(#accent)" font-family="'Times New Roman', Times, serif" font-size="58" font-weight="700" letter-spacing="1.5">StyleController</text> |
| </svg> |
|
|
