43 lines
2.5 KiB
XML
43 lines
2.5 KiB
XML
|
<svg xmlns="http://www.w3.org/2000/svg" width="1584" height="396" viewBox="0 0 1584 396" 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,500&family=DM+Sans:wght@600&display=swap');
|
|||
|
|
.display { font-family: 'Fraunces', Georgia, serif; }
|
|||
|
|
.body { font-family: 'DM Sans', -apple-system, 'Segoe UI', Roboto, sans-serif; }
|
|||
|
|
</style>
|
|||
|
|
<radialGradient id="sky" cx="28%" cy="35%" 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="16" result="b"/>
|
|||
|
|
<feMerge><feMergeNode in="b"/><feMergeNode in="SourceGraphic"/></feMerge>
|
|||
|
|
</filter>
|
|||
|
|
</defs>
|
|||
|
|
<!-- LinkedIn banner: profile photo overlaps LOWER-LEFT (circular, ~150px from left,
|
|||
|
|
centred vertically ~30% from bottom on desktop). Keep critical copy right of x=380
|
|||
|
|
and clear of bottom-left 260×160 area. -->
|
|||
|
|
<rect width="1584" height="396" fill="url(#sky)"/>
|
|||
|
|
<g fill="#ffffff">
|
|||
|
|
<circle cx="200" cy="60" r="1.6" opacity="0.5"/>
|
|||
|
|
<circle cx="440" cy="90" r="1.3" opacity="0.4"/>
|
|||
|
|
<circle cx="680" cy="60" r="1.5" opacity="0.45"/>
|
|||
|
|
<circle cx="920" cy="80" r="1.2" opacity="0.35"/>
|
|||
|
|
<circle cx="1160" cy="60" r="1.7" opacity="0.5"/>
|
|||
|
|
<circle cx="1400" cy="90" r="1.4" opacity="0.4"/>
|
|||
|
|
<circle cx="300" cy="340" r="1.3" opacity="0.4"/>
|
|||
|
|
<circle cx="540" cy="360" r="1.5" opacity="0.45"/>
|
|||
|
|
<circle cx="820" cy="340" r="1.2" opacity="0.35"/>
|
|||
|
|
<circle cx="1080" cy="360" r="1.6" opacity="0.45"/>
|
|||
|
|
<circle cx="1340" cy="340" r="1.3" opacity="0.4"/>
|
|||
|
|
</g>
|
|||
|
|
<!-- Right-of-center orbital ring -->
|
|||
|
|
<ellipse cx="1160" cy="200" rx="240" ry="145" fill="none" stroke="#2a3650" stroke-width="6" transform="rotate(-22 1160 200)"/>
|
|||
|
|
<circle cx="1330" cy="90" r="22" fill="#d6ff3d" filter="url(#glow)"/>
|
|||
|
|
|
|||
|
|
<text class="display" x="420" y="200" font-weight="500" font-size="100" fill="#f1f4fa" letter-spacing="-1.5">Deviant</text>
|
|||
|
|
<text class="body" x="422" y="245" font-weight="600" font-size="22" fill="#d6ff3d" letter-spacing="4">POWER YOUR IDEAS.</text>
|
|||
|
|
<text class="display" x="420" y="308" font-style="italic" font-weight="400" font-size="24" fill="#b8c2d4">On-chain experience that intermediation cannot mediate.</text>
|
|||
|
|
</svg>
|