design: favicon v2 (V-centric) + logo-placement mockups

Iteration after the atmospheric-redesign checkpoint. The earlier A/B/C/D favicon set was scrapped — generic invented icons (roof, frame+horizon, skyline, wax seal) that didn't tie to the brand's own glyph. New direction: the yellow V from the wordmark, presented four ways. V-viewfinder (a V cut out of navy showing the harbor photo inside) is the chosen path; refinement 3b crops to Camogli's coloured row-houses for a more brand-specific small size reading. Also adds three logo-placement mockups (PWA cold-launch splash, library hero with the full wordmark logo, settings → about page) to give the wordmark room to live beyond emails and login badges. Self-contained: assets/ and spa/ copied into the design folder so the mockups render without depending on neighbouring directories. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 10:25:09 -04:00
parent 01b6007b1c
commit 3bd0b9a5a1
49 changed files with 2120 additions and 0 deletions
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <defs>
+    <clipPath id="wv-left"><rect x="0" y="0" width="32" height="64"/></clipPath>
+    <clipPath id="wv-right"><rect x="32" y="0" width="32" height="64"/></clipPath>
+  </defs>
+  <rect width="64" height="64" rx="12" fill="#1a3a5c"/>
+  <g font-family="system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif"
+     font-weight="900" font-size="56" text-anchor="middle">
+    <text x="32" y="50" fill="#fafafa" clip-path="url(#wv-left)">W</text>
+    <text x="32" y="50" fill="#f0d000" clip-path="url(#wv-right)">W</text>
+  </g>
+</svg>