48 lines
3 KiB
XML
48 lines
3 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="630" viewBox="0 0 1200 630" role="img" aria-label="Deviant — Power Your Ideas">
|
||
|
|
<defs>
|
||
|
|
<style type="text/css">
|
||
|
|
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@500&display=swap');
|
||
|
|
.display { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; }
|
||
|
|
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
|
||
|
|
.mono { font-family: 'JetBrains Mono', 'DM Mono', ui-monospace, monospace; }
|
||
|
|
</style>
|
||
|
|
<radialGradient id="sky" cx="30%" cy="30%" r="90%">
|
||
|
|
<stop offset="0%" stop-color="#0c1220"/>
|
||
|
|
<stop offset="55%" stop-color="#070d1a"/>
|
||
|
|
<stop offset="100%" stop-color="#02040a"/>
|
||
|
|
</radialGradient>
|
||
|
|
<filter id="glow" x="-50%" y="-50%" width="200%" height="200%">
|
||
|
|
<feGaussianBlur stdDeviation="14" result="b"/>
|
||
|
|
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
|
||
|
|
</filter>
|
||
|
|
</defs>
|
||
|
|
<rect width="1200" height="630" fill="url(#sky)"/>
|
||
|
|
<g fill="#ffffff">
|
||
|
|
<circle cx="120" cy="80" r="1.8" opacity="0.55"/>
|
||
|
|
<circle cx="220" cy="150" r="1.2" opacity="0.35"/>
|
||
|
|
<circle cx="340" cy="70" r="1.6" opacity="0.45"/>
|
||
|
|
<circle cx="480" cy="120" r="1.1" opacity="0.3"/>
|
||
|
|
<circle cx="640" cy="90" r="1.9" opacity="0.55"/>
|
||
|
|
<circle cx="820" cy="140" r="1.3" opacity="0.4"/>
|
||
|
|
<circle cx="960" cy="70" r="1.6" opacity="0.45"/>
|
||
|
|
<circle cx="1080" cy="130" r="1.2" opacity="0.35"/>
|
||
|
|
<circle cx="100" cy="520" r="1.4" opacity="0.4"/>
|
||
|
|
<circle cx="260" cy="580" r="1.7" opacity="0.5"/>
|
||
|
|
<circle cx="440" cy="540" r="1.1" opacity="0.3"/>
|
||
|
|
<circle cx="620" cy="570" r="1.5" opacity="0.4"/>
|
||
|
|
<circle cx="820" cy="530" r="1.2" opacity="0.35"/>
|
||
|
|
<circle cx="1020" cy="560" r="1.6" opacity="0.45"/>
|
||
|
|
</g>
|
||
|
|
<g transform="translate(90 165)">
|
||
|
|
<ellipse cx="150" cy="150" rx="115" ry="70" fill="none" stroke="#2a3650" stroke-width="6" transform="rotate(-22 150 150)"/>
|
||
|
|
<path d="M105 71 h34 a79 79 0 0 1 0 158 h-34 z M139 105 v90 a45 45 0 0 0 0 -90 z" fill="#d6dde9"/>
|
||
|
|
<circle cx="240" cy="99" r="17" fill="#d6ff3d" filter="url(#glow)"/>
|
||
|
|
</g>
|
||
|
|
<text class="display" x="480" y="245" font-weight="500" font-size="130" fill="#f1f4fa" letter-spacing="-2">Deviant</text>
|
||
|
|
<text class="body" x="482" y="310" font-weight="600" font-size="30" fill="#d6ff3d" letter-spacing="4">POWER YOUR IDEAS.</text>
|
||
|
|
<text class="display" x="482" y="410" font-style="italic" font-weight="400" font-size="30" fill="#b8c2d4">A response to a default trajectory.</text>
|
||
|
|
<text class="body" x="482" y="460" font-weight="400" font-size="22" fill="#8892a5">On-chain experience that intermediation cannot mediate.</text>
|
||
|
|
<text class="mono" x="482" y="560" font-weight="500" font-size="24" fill="#d6dde9">deviant.x</text>
|
||
|
|
<text class="body" x="614" y="560" font-weight="400" font-size="20" fill="#6a7488">/ navigate.st/bns/deviant.x</text>
|
||
|
|
</svg>
|