Logo iteration

Author: gallayl

src/components/icons/FuryStackLogo.astro

@@ -8,71 +8,71 @@ const { size = 96 } = Astro.props;
 
 <svg
   xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 512 512"
   width={size}
   height={size}
-  viewBox="0 0 512 512"
   aria-hidden="true"
   class="furystack-logo"
 >
   <title>FuryStack</title>
   <defs>
-    <linearGradient id="fs-silver" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#ffffff"></stop>
-      <stop offset="40%" stop-color="#f1f5f9"></stop>
-      <stop offset="100%" stop-color="#cbd5e1"></stop>
+    <linearGradient id="fs-silver" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#FFFFFF"></stop>
+      <stop offset="100%" stop-color="#94A3B8"></stop>
     </linearGradient>
 
-    <linearGradient id="fs-blue" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#60a5fa"></stop>
-      <stop offset="100%" stop-color="#2563eb"></stop>
+    <linearGradient id="fs-blue" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#60A5FA"></stop>
+      <stop offset="100%" stop-color="#1D4ED8"></stop>
     </linearGradient>
 
-    <linearGradient id="fs-dark" x1="0" y1="0" x2="1" y2="1">
+    <linearGradient id="fs-dark" x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" stop-color="#475569"></stop>
-      <stop offset="100%" stop-color="#1e293b"></stop>
+      <stop offset="100%" stop-color="#0F172A"></stop>
     </linearGradient>
 
-    <filter id="fs-glow" x="-50%" y="-50%" width="200%" height="200%">
-      <feGaussianBlur in="SourceAlpha" stdDeviation="12" result="blur"></feGaussianBlur>
-      <feFlood flood-color="#3b82f6" flood-opacity="0.25" result="color"></feFlood>
-      <feComposite in="color" in2="blur" operator="in" result="shadow"></feComposite>
-      <feComposite in="SourceGraphic" in2="shadow" operator="over"></feComposite>
+    <filter id="fs-glow" x="-20%" y="-20%" width="140%" height="140%">
+      <feGaussianBlur in="SourceAlpha" stdDeviation="8" result="blur"></feGaussianBlur>
+      <feOffset dx="0" dy="4" result="offsetBlur"></feOffset>
+      <feFlood flood-color="#3B82F6" flood-opacity="0.2" result="glowColor"></feFlood>
+      <feComposite in="glowColor" in2="offsetBlur" operator="in" result="shadow"></feComposite>
+      <feMerge>
+        <feMergeNode in="shadow"></feMergeNode>
+        <feMergeNode in="SourceGraphic"></feMergeNode>
+      </feMerge>
     </filter>
   </defs>
 
-  <g filter="url(#fs-glow)" stroke="none">
-    <!-- Left Pillar -->
-    <path d="M20 60 L100 140 V442 A6 6 0 0 1 94 448 H26 A6 6 0 0 1 20 442 Z" fill="url(#fs-silver)"
+  <g filter="url(#fs-glow)">
+    <!-- Left Pillar (Base) -->
+    <path d="M40 80 L120 160 V440 A8 8 0 0 1 112 448 H48 A8 8 0 0 1 40 440 Z" fill="url(#fs-silver)"
     ></path>
 
-    <!-- Bottom-Left Triangle (Aligned to Pillar) -->
-    <path d="M120 448 H204 A6 6 0 0 0 210 442 V358 L120 448 Z" fill="url(#fs-silver)"></path>
-
-    <!-- Center Inverted Triangle (Symmetrical Gap) -->
-    <path
-      d="M180 120 H332 A4 4 0 0 1 335 127 L262 195 A8 8 0 0 1 250 195 L177 127 A4 4 0 0 1 180 120 Z"
-      fill="url(#fs-silver)"></path>
-
-    <!-- Middle-Left Bridge (Centered between pillar and stack) -->
-    <path d="M120 170 L210 260 L120 350 Z" fill="url(#fs-blue)"></path>
+    <!-- Connection Bridge -->
+    <path d="M140 180 L220 260 L140 340 Z" fill="url(#fs-blue)"></path>
 
-    <!-- Right Stack 1 -->
+    <!-- Stack Step 1 -->
     <path
-      d="M230 330 L310 250 V442 A6 6 0 0 1 304 448 H236 A6 6 0 0 1 230 442 Z"
+      d="M230 320 L310 240 V440 A8 8 0 0 1 302 448 H238 A8 8 0 0 1 230 440 Z"
       fill="url(#fs-blue)"></path>
 
-    <!-- Right Stack 2 -->
+    <!-- Stack Step 2 -->
     <path
-      d="M330 230 L410 150 V442 A6 6 0 0 1 404 448 H336 A6 6 0 0 1 330 442 Z"
+      d="M330 220 L410 140 V440 A8 8 0 0 1 402 448 H338 A8 8 0 0 1 330 440 Z"
       fill="url(#fs-blue)"></path>
 
-    <!-- Right Stack 3 (Dark Anchor) -->
+    <!-- Stack Step 3 (Anchor) -->
     <path
-      d="M430 130 L510 50 V442 A6 6 0 0 1 504 448 H436 A6 6 0 0 1 430 442 Z"
+      d="M430 120 L510 40 V440 A8 8 0 0 1 502 448 H438 A8 8 0 0 1 430 440 Z"
       fill="url(#fs-dark)"></path>
+
+    <!-- Top Accent (Floating Element) -->
+    <path d="M180 120 H340 L260 200 Z" fill="url(#fs-silver)" opacity="0.9"></path>
+
+    <!-- Lower Detail (Alignment Piece) -->
+    <path d="M140 448 H210 L140 378 Z" fill="url(#fs-silver)"></path>
   </g>
 </svg>
-
 <style>
   /* Base transitions for hover effects if needed later */
   .furystack-logo {