warp-banner.svgβ’4.05 kB
<svg width="1200" height="400" viewBox="0 0 1200 400" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Premium gradient background inspired by Warp's design -->
<defs>
<linearGradient id="warpGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#0A0E27;stop-opacity:1" />
<stop offset="50%" style="stop-color:#1a1f3a;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0d1117;stop-opacity:1" />
</linearGradient>
<linearGradient id="accentGradient" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#00E5FF;stop-opacity:1" />
<stop offset="100%" style="stop-color:#0096FF;stop-opacity:1" />
</linearGradient>
<filter id="glow">
<feGaussianBlur stdDeviation="4" result="coloredBlur"/>
<feMerge>
<feMergeNode in="coloredBlur"/>
<feMergeNode in="SourceGraphic"/>
</feMerge>
</filter>
</defs>
<!-- Background -->
<rect width="1200" height="400" fill="url(#warpGradient)"/>
<!-- Subtle grid pattern -->
<g opacity="0.1">
<path d="M0 100 L1200 100 M0 200 L1200 200 M0 300 L1200 300" stroke="#00E5FF" stroke-width="1"/>
<path d="M200 0 L200 400 M400 0 L400 400 M600 0 L600 400 M800 0 L800 400 M1000 0 L1000 400" stroke="#00E5FF" stroke-width="1"/>
</g>
<!-- Glowing accent line -->
<line x1="0" y1="2" x2="1200" y2="2" stroke="url(#accentGradient)" stroke-width="4" filter="url(#glow)"/>
<!-- Terminal icon -->
<g transform="translate(100, 80)">
<rect x="0" y="0" width="200" height="150" rx="8" fill="#1a1f3a" stroke="#00E5FF" stroke-width="2"/>
<circle cx="20" cy="20" r="6" fill="#FF5F57"/>
<circle cx="45" cy="20" r="6" fill="#FEBC2E"/>
<circle cx="70" cy="20" r="6" fill="#28C840"/>
<text x="20" y="60" font-family="monospace" font-size="14" fill="#00E5FF">> </text>
<rect x="40" y="48" width="60" height="3" fill="#00E5FF" opacity="0.8"/>
<text x="20" y="85" font-family="monospace" font-size="14" fill="#888">> </text>
<rect x="40" y="73" width="40" height="3" fill="#888" opacity="0.5"/>
<text x="20" y="110" font-family="monospace" font-size="14" fill="#444">> </text>
</g>
<!-- Gemini logo representation -->
<g transform="translate(900, 100)">
<circle cx="50" cy="50" r="45" fill="none" stroke="url(#accentGradient)" stroke-width="3" opacity="0.6"/>
<circle cx="50" cy="50" r="35" fill="none" stroke="#00E5FF" stroke-width="2"/>
<text x="30" y="60" font-family="Arial, sans-serif" font-size="36" font-weight="bold" fill="url(#accentGradient)">G</text>
</g>
<!-- Main Title -->
<text x="350" y="140" font-family="Arial, sans-serif" font-size="48" font-weight="bold" fill="#FFFFFF">
Gemini MCP Server
</text>
<!-- Subtitle -->
<text x="350" y="185" font-family="Arial, sans-serif" font-size="24" fill="#00E5FF">
Powered by Warp Terminal
</text>
<!-- Description -->
<text x="350" y="230" font-family="Arial, sans-serif" font-size="18" fill="#B0B0B0">
Model Context Protocol integration for Google Gemini API
</text>
<!-- Feature badges -->
<g transform="translate(350, 260)">
<!-- Badge 1 -->
<rect x="0" y="0" width="110" height="30" rx="15" fill="#00E5FF" opacity="0.2"/>
<text x="15" y="20" font-family="Arial, sans-serif" font-size="14" font-weight="600" fill="#00E5FF">β‘ Fast</text>
<!-- Badge 2 -->
<rect x="120" y="0" width="110" height="30" rx="15" fill="#00E5FF" opacity="0.2"/>
<text x="135" y="20" font-family="Arial, sans-serif" font-size="14" font-weight="600" fill="#00E5FF">π Secure</text>
<!-- Badge 3 -->
<rect x="240" y="0" width="140" height="30" rx="15" fill="#00E5FF" opacity="0.2"/>
<text x="255" y="20" font-family="Arial, sans-serif" font-size="14" font-weight="600" fill="#00E5FF">π Production-Ready</text>
</g>
<!-- Bottom accent line -->
<line x1="0" y1="398" x2="1200" y2="398" stroke="url(#accentGradient)" stroke-width="4" filter="url(#glow)"/>
</svg>