branding v1

2026-03-02 12:03:20 -06:00
parent bbe94d75f8
commit 42a9f1d31a
20 changed files with 1014 additions and 241 deletions
--- a/web/public/attune-logo-watermark-tile.svg
+++ b/web/public/attune-logo-watermark-tile.svg
@@ -0,0 +1,65 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 3000 2100" width="3000" height="2100">
+  <defs>
+    <linearGradient id="grad-primary" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#4F46E5" />
+      <stop offset="50%" stop-color="#6366F1" />
+      <stop offset="100%" stop-color="#818CF8" />
+    </linearGradient>
+    <linearGradient id="grad-accent" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#14B8A6" />
+      <stop offset="100%" stop-color="#22D3EE" />
+    </linearGradient>
+    <linearGradient id="grad-glow" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#818CF8" />
+      <stop offset="50%" stop-color="#6366F1" />
+      <stop offset="100%" stop-color="#14B8A6" />
+    </linearGradient>
+    <filter id="shadow" x="-10%" y="-10%" width="120%" height="120%">
+      <feDropShadow dx="0" dy="2" stdDeviation="4" flood-color="#4F46E5" flood-opacity="0.2" />
+    </filter>
+  </defs>
+
+  <!-- All content offset to center of tile: translate(1244, 794) -->
+  <g transform="translate(1244, 794)">
+    <!-- Background circle -->
+    <circle cx="256" cy="256" r="248" fill="none" stroke="url(#grad-glow)" stroke-width="3" opacity="0.3" />
+
+    <!-- Resonance arcs — left side -->
+    <path d="M 168 274 Q 138 330 168 386" fill="none" stroke="url(#grad-accent)" stroke-width="6" stroke-linecap="round" opacity="0.5" />
+    <path d="M 148 254 Q 108 330 148 406" fill="none" stroke="url(#grad-accent)" stroke-width="4.5" stroke-linecap="round" opacity="0.35" />
+    <path d="M 130 234 Q 80 330 130 426" fill="none" stroke="url(#grad-accent)" stroke-width="3" stroke-linecap="round" opacity="0.2" />
+
+    <!-- Resonance arcs — right side -->
+    <path d="M 344 274 Q 374 330 344 386" fill="none" stroke="url(#grad-accent)" stroke-width="6" stroke-linecap="round" opacity="0.5" />
+    <path d="M 364 254 Q 404 330 364 406" fill="none" stroke="url(#grad-accent)" stroke-width="4.5" stroke-linecap="round" opacity="0.35" />
+    <path d="M 382 234 Q 432 330 382 426" fill="none" stroke="url(#grad-accent)" stroke-width="3" stroke-linecap="round" opacity="0.2" />
+
+    <!-- Inverted tuning fork forming an 'A' shape -->
+    <g filter="url(#shadow)">
+      <path d="M 220 412 L 220 278 Q 220 248 250 228 Q 256 224 262 228 Q 292 248 292 278 L 292 412"
+            fill="none" stroke="url(#grad-primary)" stroke-width="22" stroke-linecap="round" stroke-linejoin="round" />
+      <path d="M 256 70 L 256 224"
+            fill="none" stroke="url(#grad-primary)" stroke-width="22" stroke-linecap="round" />
+      <path d="M 224 330 L 288 330"
+            fill="none" stroke="url(#grad-primary)" stroke-width="14" stroke-linecap="round" />
+    </g>
+
+    <!-- Stem dots -->
+    <circle cx="256" cy="120" r="5" fill="#22D3EE" opacity="0.6" />
+    <circle cx="256" cy="150" r="6" fill="#14B8A6" opacity="0.7" />
+    <circle cx="256" cy="182" r="5" fill="#22D3EE" opacity="0.6" />
+
+    <!-- Crossbar event nodes -->
+    <circle cx="244" cy="330" r="7" fill="#14B8A6" opacity="0.8" />
+    <circle cx="268" cy="330" r="7" fill="#22D3EE" opacity="0.8" />
+
+    <!-- Branching dots -->
+    <circle cx="308" cy="330" r="5" fill="url(#grad-accent)" opacity="0.6" />
+    <line x1="293" y1="330" x2="303" y2="330" stroke="url(#grad-accent)" stroke-width="2" stroke-linecap="round" opacity="0.5" />
+    <circle cx="204" cy="330" r="5" fill="url(#grad-accent)" opacity="0.6" />
+    <line x1="219" y1="330" x2="209" y2="330" stroke="url(#grad-accent)" stroke-width="2" stroke-linecap="round" opacity="0.5" />
+
+    <!-- Apex dot -->
+    <circle cx="256" cy="66" r="10" fill="url(#grad-primary)" opacity="0.9" />
+  </g>
+</svg>