0fb8195236
- Replaced the existing PNG banner with an updated version for better quality. - Adjusted the SVG positioning of the 'N' mark and wordmark to prevent overlap with the Discord avatar, enhancing overall design clarity.
59 lines
2.5 KiB
XML
59 lines
2.5 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="480" viewBox="0 0 1200 480" role="img" aria-label="Nexumi Discord banner">
|
|
<defs>
|
|
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
|
<stop offset="0" stop-color="#0C0E15"/>
|
|
<stop offset="0.55" stop-color="#12141F"/>
|
|
<stop offset="1" stop-color="#0A0A0D"/>
|
|
</linearGradient>
|
|
<radialGradient id="glow" cx="28%" cy="48%" r="45%">
|
|
<stop offset="0" stop-color="#6366F1" stop-opacity="0.35"/>
|
|
<stop offset="0.55" stop-color="#6366F1" stop-opacity="0.12"/>
|
|
<stop offset="1" stop-color="#6366F1" stop-opacity="0"/>
|
|
</radialGradient>
|
|
<linearGradient id="mark" x1="0" y1="1" x2="1" y2="0">
|
|
<stop offset="0" stop-color="#6366F1"/>
|
|
<stop offset="1" stop-color="#8B5CF6"/>
|
|
</linearGradient>
|
|
</defs>
|
|
|
|
<rect width="1200" height="480" fill="url(#bg)"/>
|
|
<rect width="1200" height="480" fill="url(#glow)"/>
|
|
|
|
<!-- faint network dots -->
|
|
<g fill="#6366F1" fill-opacity="0.18">
|
|
<circle cx="620" cy="90" r="3"/>
|
|
<circle cx="760" cy="140" r="2.5"/>
|
|
<circle cx="900" cy="100" r="3"/>
|
|
<circle cx="980" cy="200" r="2"/>
|
|
<circle cx="840" cy="280" r="2.5"/>
|
|
<circle cx="1040" cy="320" r="3"/>
|
|
<circle cx="700" cy="360" r="2"/>
|
|
<circle cx="1120" cy="160" r="2.5"/>
|
|
</g>
|
|
<g stroke="#6366F1" stroke-opacity="0.12" stroke-width="1.5" fill="none">
|
|
<path d="M620 90 L760 140 L900 100 L980 200"/>
|
|
<path d="M760 140 L840 280 L700 360"/>
|
|
<path d="M900 100 L1120 160 L1040 320"/>
|
|
</g>
|
|
|
|
<!-- N mark — shifted up so Discord avatar does not cover it -->
|
|
<g transform="translate(90,-70) scale(0.92)">
|
|
<g fill="none" stroke="url(#mark)" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M170 362 V150 L342 362 V150" stroke-width="78" stroke-opacity="0.10"/>
|
|
<path d="M170 362 V150 L342 362 V150" stroke-width="52" stroke-opacity="0.16"/>
|
|
<path d="M170 362 V150 L342 362 V150" stroke-width="30"/>
|
|
</g>
|
|
<g fill="url(#mark)">
|
|
<circle cx="170" cy="150" r="34"/>
|
|
<circle cx="170" cy="362" r="34"/>
|
|
<circle cx="342" cy="362" r="34"/>
|
|
<circle cx="342" cy="150" r="34"/>
|
|
</g>
|
|
<circle cx="342" cy="150" r="14" fill="#C7D2FE"/>
|
|
</g>
|
|
|
|
<!-- wordmark -->
|
|
<text x="560" y="200" fill="#E6E6EA" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="92" font-weight="700" letter-spacing="-2">Nexumi</text>
|
|
<text x="564" y="250" fill="#9A9AA5" font-family="Inter, ui-sans-serif, system-ui, sans-serif" font-size="28" font-weight="500">nexumi.de</text>
|
|
</svg>
|