AI-Studio/app/MindWork AI Studio/wwwroot/svg/banner-chat.svg
2026-06-25 19:07:16 +02:00

103 lines
6.2 KiB
XML

<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" overflow="hidden" preserveAspectRatio="xMidYMid slice" viewBox="0 0 1920 335">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#2e7858"/><stop offset="60%" stop-color="#1a4d38"/><stop offset="100%" stop-color="#0e2e1e"/>
</linearGradient>
<linearGradient id="h1" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#1e5c40"/><stop offset="100%" stop-color="#0f3020"/>
</linearGradient>
<linearGradient id="h2" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#2d7a52"/><stop offset="100%" stop-color="#1a4a32"/>
</linearGradient>
<linearGradient id="h3" x1="0" y1="0" x2="0" y2="1">
<stop offset="0%" stop-color="#4d9970"/><stop offset="100%" stop-color="#2d6448"/>
</linearGradient>
<radialGradient id="sg" cx="86%" cy="14%" r="24%">
<stop offset="0%" stop-color="#f5e060" stop-opacity="0.65"/>
<stop offset="55%" stop-color="#f0c840" stop-opacity="0.22"/>
<stop offset="100%" stop-color="#f0c840" stop-opacity="0"/>
</radialGradient>
</defs>
<rect width="1920" height="335" fill="url(#bg)"/>
<rect width="1920" height="335" fill="url(#sg)"/>
<circle cx="1655" cy="50" r="72" fill="#f5e060" opacity="0.16"/>
<circle cx="1655" cy="50" r="54" fill="#f5e060" opacity="0.32"/>
<circle cx="1655" cy="50" r="38" fill="#f5e060" opacity="0.96"/>
<path d="M0,232 Q480,145 960,185 Q1440,225 1920,168 L1920,335 L0,335 Z" fill="url(#h1)"/>
<path d="M0,266 Q310,205 625,246 Q940,287 1265,222 Q1590,157 1920,238 L1920,335 L0,335 Z" fill="url(#h2)"/>
<path d="M0,300 Q480,270 960,296 Q1440,322 1920,288 L1920,335 L0,335 Z" fill="url(#h3)"/>
<g opacity="0.30"><ellipse cx="245" cy="68" rx="64" ry="22" fill="#a8c8b8"/><ellipse cx="283" cy="57" rx="42" ry="23" fill="#c2deca"/><ellipse cx="208" cy="65" rx="33" ry="18" fill="#c2deca"/></g>
<g opacity="0.22"><ellipse cx="1340" cy="94" rx="70" ry="25" fill="#a8c8b8"/><ellipse cx="1382" cy="82" rx="46" ry="23" fill="#c2deca"/></g>
<g fill="#071a0d">
<polygon points="35,310 66,222 97,310"/><polygon points="39,285 66,214 93,285" opacity="0.72"/>
<rect x="62" y="308" width="9" height="20"/>
<polygon points="105,314 133,238 161,314"/><rect x="129" y="312" width="8" height="16"/>
<polygon points="168,306 193,242 218,306" opacity="0.82"/><rect x="189" y="304" width="7" height="18" opacity="0.82"/>
<polygon points="12,318 37,265 62,318" opacity="0.60"/>
</g>
<g fill="#071a0d">
<polygon points="1755,304 1786,218 1817,304"/><polygon points="1759,280 1786,210 1813,280" opacity="0.72"/>
<rect x="1782" y="302" width="9" height="20"/>
<polygon points="1821,310 1849,234 1877,310"/><rect x="1845" y="308" width="9" height="18"/>
<polygon points="1725,314 1751,250 1777,314" opacity="0.78"/><rect x="1747" y="312" width="7" height="15" opacity="0.78"/>
<polygon points="1885,316 1906,264 1927,316" opacity="0.55"/>
</g>
<g fill="none" stroke="#98c8a8" stroke-width="2.5" stroke-linecap="round" opacity="0.48">
<path d="M1450,60 Q1459,53 1468,60"/><path d="M1476,46 Q1484,40 1492,46"/><path d="M1428,74 Q1437,68 1446,74"/>
</g>
<!-- Back speech bubble (AI / left-pointing tail) — shadow -->
<g transform="translate(8,10)" opacity="0.45">
<rect x="358" y="52" width="330" height="130" rx="24" fill="#1a4a30"/>
<polygon points="390,180 360,215 430,180" fill="#1a4a30"/>
</g>
<!-- Back speech bubble (AI message) -->
<rect x="350" y="44" width="330" height="130" rx="24" fill="#4d9970"/>
<polygon points="382,172 352,207 422,172" fill="#4d9970"/>
<!-- AI bubble text lines -->
<rect x="374" y="72" width="200" height="12" rx="5" fill="white" opacity="0.45"/>
<rect x="374" y="92" width="240" height="12" rx="5" fill="white" opacity="0.45"/>
<rect x="374" y="112" width="182" height="12" rx="5" fill="white" opacity="0.45"/>
<rect x="374" y="132" width="220" height="12" rx="5" fill="white" opacity="0.35"/>
<!-- Subtle AI badge -->
<rect x="628" y="58" width="36" height="20" rx="8" fill="white" opacity="0.2"/>
<text x="638" y="73" font-family="Helvetica, Arial, sans-serif" font-size="11" font-weight="700" fill="white" opacity="0.6">AI</text>
<!-- Front speech bubble (user / right-pointing tail) — shadow -->
<g transform="translate(8,10)" opacity="0.45">
<rect x="378" y="178" width="290" height="104" rx="22" fill="#1a4a30"/>
<polygon points="636,254 676,282 636,282" fill="#1a4a30"/>
</g>
<!-- Front speech bubble (user message) -->
<rect x="370" y="170" width="290" height="104" rx="22" fill="#ddf0e8"/>
<polygon points="628,246 668,274 628,274" fill="#ddf0e8"/>
<!-- User bubble text lines -->
<rect x="392" y="194" width="170" height="10" rx="4" fill="#4d9970" opacity="0.55"/>
<rect x="392" y="212" width="220" height="10" rx="4" fill="#4d9970" opacity="0.55"/>
<rect x="392" y="230" width="145" height="10" rx="4" fill="#4d9970" opacity="0.4"/>
<!-- Cursor line (typing indicator) -->
<rect x="392" y="248" width="55" height="10" rx="4" fill="#f5e060" opacity="0.7"/>
<rect x="452" y="250" width="3" height="8" rx="1" fill="#4d9970" opacity="0.85"/>
<!-- Dots typing indicator bubble (small) — shadow -->
<g transform="translate(6,8)" opacity="0.38">
<rect x="686" y="218" width="80" height="46" rx="18" fill="#1a4a30"/>
<polygon points="686,248 662,266 686,258" fill="#1a4a30"/>
</g>
<!-- Dots typing bubble -->
<rect x="680" y="210" width="80" height="46" rx="18" fill="#cce8da"/>
<polygon points="680,240 656,258 680,250" fill="#cce8da"/>
<!-- Three dots -->
<circle cx="700" cy="233" r="6" fill="#4d9970" opacity="0.6"/>
<circle cx="720" cy="233" r="6" fill="#4d9970" opacity="0.75"/>
<circle cx="740" cy="233" r="6" fill="#4d9970" opacity="0.5"/>
<text x="1254" y="183" font-family="Helvetica, 'Helvetica Neue', Arial, sans-serif"
font-size="128" font-weight="900" text-anchor="middle"
fill="#071a0d" opacity="0.42" letter-spacing="-3">AI Studio</text>
<text x="1248" y="176" font-family="Helvetica, 'Helvetica Neue', Arial, sans-serif"
font-size="128" font-weight="900" text-anchor="middle"
fill="#dff2e8" letter-spacing="-3">AI Studio</text>
</svg>