File size: 2,827 Bytes
8eb2363 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 | <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>
|