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,13 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64">
+  <rect width="64" height="64" fill="#0e2740"/>
+
+  <!-- full V — both strokes clearly meeting at bottom -->
+  <path d="M 14 14 L 32 50 L 50 14"
+        stroke="#f0d000" stroke-width="9"
+        stroke-linejoin="round" stroke-linecap="round" fill="none"/>
+
+  <!-- horizon line + sun below the V, like the sea visible past the wordmark -->
+  <line x1="6" y1="58" x2="58" y2="58"
+        stroke="#f0d000" stroke-width="1.4" opacity="0.5"/>
+  <circle cx="50" cy="58" r="2.4" fill="#f0d000"/>
+</svg>