feat(branding): add high-res logo emblem, multi-platform favicon suite, and Open Graph social sharing card

2026-09-12 10:02:51 -07:00
parent 19a1108384
commit 31fdb8b7be
14 changed files with 237 additions and 48 deletions
@@ -0,0 +1,86 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="100%" height="100%">
+  <defs>
+    <!-- Background Gradient -->
+    <radialGradient id="bgGrad" cx="50%" cy="50%" r="50%">
+      <stop offset="0%" stop-color="#0e1726"/>
+      <stop offset="100%" stop-color="#05070a"/>
+    </radialGradient>
+
+    <!-- Cyan Glow Gradient -->
+    <linearGradient id="cyanGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#38bdf8"/>
+      <stop offset="100%" stop-color="#06b6d4"/>
+    </linearGradient>
+
+    <!-- Radar Sweep Gradient -->
+    <linearGradient id="sweepGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#06b6d4" stop-opacity="0.65"/>
+      <stop offset="50%" stop-color="#0284c7" stop-opacity="0.2"/>
+      <stop offset="100%" stop-color="#06b6d4" stop-opacity="0"/>
+    </linearGradient>
+
+    <!-- Crimson Alert Gradient -->
+    <linearGradient id="redGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#f43f5e"/>
+      <stop offset="100%" stop-color="#e11d48"/>
+    </linearGradient>
+
+    <!-- Glow Filters -->
+    <filter id="glowCyan" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur stdDeviation="6" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+    
+    <filter id="glowRed" x="-30%" y="-30%" width="160%" height="160%">
+      <feGaussianBlur stdDeviation="8" result="blur"/>
+      <feComposite in="SourceGraphic" in2="blur" operator="over"/>
+    </filter>
+  </defs>
+
+  <!-- Squircle App Icon Base -->
+  <rect x="16" y="16" width="480" height="480" rx="108" ry="108" fill="url(#bgGrad)" stroke="rgba(56, 189, 248, 0.25)" stroke-width="4"/>
+
+  <!-- Radar Grid Background -->
+  <g opacity="0.3" stroke="#38bdf8" stroke-width="1.5">
+    <!-- Concentric Range Rings -->
+    <circle cx="256" cy="256" r="210" fill="none" stroke-dasharray="6,6"/>
+    <circle cx="256" cy="256" r="160" fill="none"/>
+    <circle cx="256" cy="256" r="110" fill="none" stroke-dasharray="4,4"/>
+    <circle cx="256" cy="256" r="60" fill="none"/>
+
+    <!-- Crosshair Axes -->
+    <line x1="256" y1="46" x2="256" y2="466"/>
+    <line x1="46" y1="256" x2="466" y2="256"/>
+    <line x1="108" y1="108" x2="404" y2="404" stroke-dasharray="3,3"/>
+    <line x1="108" y1="404" x2="404" y2="108" stroke-dasharray="3,3"/>
+  </g>
+
+  <!-- Active 90-Degree Radar Sweep Cone -->
+  <path d="M 256 256 L 404 108 A 210 210 0 0 0 256 46 Z" fill="url(#sweepGrad)" filter="url(#glowCyan)"/>
+
+  <!-- Outer Protective Shield Ring -->
+  <circle cx="256" cy="256" r="190" fill="none" stroke="url(#cyanGrad)" stroke-width="6" stroke-linecap="round" stroke-dasharray="140 25 80 25" filter="url(#glowCyan)"/>
+
+  <!-- Camera Aperture Hexagon / ALPR Lens Rim -->
+  <polygon points="256,136 360,196 360,316 256,376 152,316 152,196" fill="rgba(6, 182, 212, 0.08)" stroke="url(#cyanGrad)" stroke-width="5" stroke-linejoin="round"/>
+
+  <!-- ALPR Precision Optical Crosshair Brackets -->
+  <path d="M 216 196 L 196 196 L 196 216" fill="none" stroke="#38bdf8" stroke-width="4" stroke-linecap="round"/>
+  <path d="M 296 196 L 316 196 L 316 216" fill="none" stroke="#38bdf8" stroke-width="4" stroke-linecap="round"/>
+  <path d="M 216 316 L 196 316 L 196 296" fill="none" stroke="#38bdf8" stroke-width="4" stroke-linecap="round"/>
+  <path d="M 296 316 L 316 316 L 316 296" fill="none" stroke="#38bdf8" stroke-width="4" stroke-linecap="round"/>
+
+  <!-- Pulsing Alert Beacon Halo -->
+  <circle cx="256" cy="256" r="48" fill="rgba(244, 63, 94, 0.2)" stroke="#f43f5e" stroke-width="2" stroke-opacity="0.6"/>
+  <circle cx="256" cy="256" r="32" fill="url(#redGrad)" filter="url(#glowRed)"/>
+  
+  <!-- Optical Camera Core Sensor Center -->
+  <circle cx="256" cy="256" r="14" fill="#ffffff"/>
+  <circle cx="261" cy="251" r="4" fill="#ffffff" opacity="0.8"/>
+
+  <!-- Detected Surveillance Blips on Radar Sweep -->
+  <circle cx="340" cy="145" r="8" fill="#f43f5e" filter="url(#glowRed)"/>
+  <circle cx="340" cy="145" r="16" fill="none" stroke="#f43f5e" stroke-width="2" opacity="0.6"/>
+  <circle cx="375" cy="210" r="5" fill="#38bdf8" filter="url(#glowCyan)"/>
+  <circle cx="165" cy="330" r="6" fill="#38bdf8" opacity="0.8"/>
+</svg>