Files
focus/public/icon-proposals/option-b.svg

158 lines
7.0 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="512" height="512">
<defs>
<!-- Background Gradient -->
<radialGradient id="bgB" cx="48%" cy="46%" r="68%">
<stop offset="0%" stop-color="#122018" />
<stop offset="55%" stop-color="#0a120e" />
<stop offset="100%" stop-color="#09090b" />
</radialGradient>
<!-- Main Chassis Monolith Gradient -->
<linearGradient id="chassisGradB" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#10b981" />
<stop offset="35%" stop-color="#059669" />
<stop offset="70%" stop-color="#047857" />
<stop offset="100%" stop-color="#064e3b" />
</linearGradient>
<!-- Laser Track Inset Gradient -->
<linearGradient id="laserTrackGradB" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#34d399" />
<stop offset="50%" stop-color="#a7f3d0" />
<stop offset="100%" stop-color="#ecfdf5" />
</linearGradient>
<!-- Photonic Core White Hot -->
<linearGradient id="photonicWhite" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" stop-color="#6ee7b7" />
<stop offset="50%" stop-color="#ffffff" />
<stop offset="100%" stop-color="#ffffff" />
</linearGradient>
<!-- High-End Glassmorphism Neon Glow -->
<filter id="neonBloomB" x="-30%" y="-30%" width="160%" height="160%">
<feGaussianBlur stdDeviation="12" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<filter id="laserGlowB" x="-20%" y="-20%" width="140%" height="140%">
<feGaussianBlur stdDeviation="4" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
<filter id="photonImpulseB" x="-50%" y="-50%" width="200%" height="200%">
<feGaussianBlur stdDeviation="6" result="blur" />
<feComposite in="SourceGraphic" in2="blur" operator="over" />
</filter>
</defs>
<!-- Deep Obsidian Canvas -->
<rect width="512" height="512" rx="128" fill="url(#bgB)" />
<!-- Ultra-Precision Optical Reticle / Collimator Grid -->
<g stroke="#10b981" fill="none" opacity="0.22">
<!-- Concentric Aperture Rings -->
<circle cx="256" cy="256" r="196" stroke-width="1.2" stroke-dasharray="4 8" />
<circle cx="256" cy="256" r="148" stroke-width="0.8" />
<circle cx="256" cy="256" r="88" stroke-width="0.6" stroke-dasharray="8 6" />
<!-- Crosshair Calibration Axis -->
<line x1="256" y1="48" x2="256" y2="70" stroke-width="2" />
<line x1="256" y1="442" x2="256" y2="464" stroke-width="2" />
<line x1="48" y1="256" x2="70" y2="256" stroke-width="2" />
<line x1="442" y1="256" x2="464" y2="256" stroke-width="2" />
<!-- 45-degree angle tick marks -->
<line x1="117" y1="117" x2="129" y2="129" stroke-width="1.5" />
<line x1="395" y1="117" x2="383" y2="129" stroke-width="1.5" />
<line x1="117" y1="395" x2="129" y2="383" stroke-width="1.5" />
<line x1="395" y1="395" x2="383" y2="383" stroke-width="1.5" />
<!-- Optical Horizontal Trajectory Guides -->
<line x1="120" y1="147" x2="425" y2="147" stroke-width="0.8" stroke-dasharray="4 4" opacity="0.6" />
<line x1="120" y1="262" x2="380" y2="262" stroke-width="0.8" stroke-dasharray="4 4" opacity="0.6" />
</g>
<!-- Ambient Optical Core Glow Behind F -->
<circle cx="256" cy="230" r="120" fill="#10b981" fill-opacity="0.08" filter="url(#neonBloomB)" />
<!-- UNIFIED MONOLITHIC CHASSIS (Seamless, Continuous F Architecture) -->
<g filter="url(#neonBloomB)">
<!--
Outer contour of the architectural F:
- Starts at top-left corner: (152, 120) with r=26
- Runs horizontally across top arm to (388, 120), rounded cap r=27 down to (388, 174)
- Returns left to inner top corner (212, 174), fillets down to (212, 235)
- Turns right into mid arm to (330, 235), rounded cap r=27 down to (330, 289)
- Returns left to inner mid corner (212, 289), fillets down to (212, 366)
- Bottom of stem rounded cap r=26 from (212, 392) to (152, 392)
- Runs up the left vertical edge back to (152, 120)
-->
<path d="M 178 120
L 388 120
A 27 27 0 0 1 415 147
A 27 27 0 0 1 388 174
L 220 174
A 12 12 0 0 0 208 186
L 208 223
A 12 12 0 0 0 220 235
L 332 235
A 27 27 0 0 1 359 262
A 27 27 0 0 1 332 289
L 220 289
A 12 12 0 0 0 208 301
L 208 366
A 28 28 0 0 1 180 394
A 28 28 0 0 1 152 366
L 152 148
A 28 28 0 0 1 180 120
Z"
fill="url(#chassisGradB)"
stroke="#34d399"
stroke-width="1.8"
stroke-opacity="0.6" />
</g>
<!-- RECESSED LASER TRACK CHANNELS (Subtle Inset Bevels) -->
<g opacity="0.3">
<!-- Vertical channel rim -->
<rect x="173" y="142" width="14" height="228" rx="7" fill="#047857" />
<!-- Top arm channel rim -->
<rect x="173" y="140" width="216" height="14" rx="7" fill="#047857" />
<!-- Mid arm channel rim -->
<rect x="173" y="255" width="158" height="14" rx="7" fill="#047857" />
</g>
<!-- PHOTONIC LASER RUNNERS (High-Luminance Speed Streams) -->
<!-- 1. Vertical Still Gazing Light Pillar Core -->
<rect x="176" y="145" width="8" height="222" rx="4" fill="url(#laserTrackGradB)" filter="url(#laserGlowB)" />
<rect x="178" y="165" width="4" height="180" rx="2" fill="#ffffff" />
<!-- 2. Top Stream Ray Photonic Beam -->
<rect x="176" y="143" width="210" height="8" rx="4" fill="url(#laserTrackGradB)" filter="url(#laserGlowB)" />
<rect x="200" y="145" width="180" height="4" rx="2" fill="url(#photonicWhite)" />
<!-- Leading Photon Impulse Ring at Top Tip -->
<g transform="translate(390, 147)" filter="url(#photonImpulseB)">
<circle cx="0" cy="0" r="16" fill="#34d399" fill-opacity="0.25" />
<circle cx="0" cy="0" r="8" fill="#a7f3d0" />
<circle cx="0" cy="0" r="3.5" fill="#ffffff" />
</g>
<!-- 3. Mid Stream Ray Photonic Beam -->
<rect x="176" y="258" width="152" height="8" rx="4" fill="url(#laserTrackGradB)" filter="url(#laserGlowB)" />
<rect x="195" y="260" width="128" height="4" rx="2" fill="url(#photonicWhite)" />
<!-- Leading Photon Dot at Mid Tip -->
<g transform="translate(332, 262)" filter="url(#photonImpulseB)">
<circle cx="0" cy="0" r="13" fill="#10b981" fill-opacity="0.25" />
<circle cx="0" cy="0" r="6.5" fill="#a7f3d0" />
<circle cx="0" cy="0" r="2.8" fill="#ffffff" />
</g>
<!-- Speed Calibration Dashes / Photonic Trailing Emitters -->
<line x1="422" y1="147" x2="442" y2="147" stroke="#6ee7b7" stroke-width="3" stroke-linecap="round" opacity="0.8" />
<line x1="448" y1="147" x2="455" y2="147" stroke="#34d399" stroke-width="2" stroke-linecap="round" opacity="0.5" />
<line x1="362" y1="262" x2="380" y2="262" stroke="#34d399" stroke-width="2.5" stroke-linecap="round" opacity="0.75" />
<line x1="386" y1="262" x2="391" y2="262" stroke="#10b981" stroke-width="1.8" stroke-linecap="round" opacity="0.4" />
</svg>