Replace Ferese logos with shared Fe mark

site/README.md

@@ -38,15 +38,21 @@ documentation](https://docs.github.com/en/pages/getting-started-with-github-page
 
 ## Brand assets
 
-The Ferese symbols live in `assets/branding`. The website uses
-`ferese-blue-dark.svg`. The README chooses the light or dark SVG to match
-the reader's appearance and uses the flat blue SVG as its fallback. Keep their
-1024×1024 canvas square so the symbol and glow are not stretched or cropped.
+`assets/branding/ferese.svg` is the canonical blue Fe mark used by the README,
+website, favicons and installed application icons. Its square 950×950 viewBox is
+shared with `ferese-symbolic.svg`, which uses the same shape and `currentColor`
+for shell and notification icons. Keep both variants in sync.
 
-The favicon uses the flat blue symbol. `site/assets/favicon-32.png` is 32×32;
-`site/assets/favicon.ico` contains 16×16, 32×32 and 48×48 images. These files are
-checked in, so building the site needs no icon renderer. Their links work at
-both the site root and the GitHub Pages project path.
+Regenerate the symbolic icon and raster favicons after updating the canonical SVG:
+
+```sh
+python3 scripts/update-branding.py
+```
+
+The exporter requires Python PyGObject, Pycairo, Pillow and librsvg. The generated
+`site/assets/favicon-32.png` is 32×32; `site/assets/favicon.ico` contains 16×16,
+32×32 and 48×48 images. They are checked in, so the site build needs no renderer.
+The links work at both the site root and the GitHub Pages project path.
 
 The light and dark wallpapers live in `assets/wallpapers`. Both are
 3840×2160 and are bundled by the installer. Ferese selects the matching image

site/index.html

@@ -12,7 +12,7 @@
   <meta property="og:image" content="https://ferese-wm.github.io/ferese/assets/screenshots/ferese-blue-dark.webp" />
   <meta name="twitter:card" content="summary_large_image" />
   <title>Ferese — Wayland desktop</title>
-  <link rel="icon" href="assets/branding/ferese-blue-flat.svg" type="image/svg+xml" />
+  <link rel="icon" href="assets/branding/ferese.svg" type="image/svg+xml" />
   <link rel="icon" href="assets/favicon.ico" sizes="16x16 32x32 48x48" />
   <link rel="icon" href="assets/favicon-32.png" type="image/png" sizes="32x32" />
   <link rel="stylesheet" href="styles.css?v=figtree" />
@@ -23,7 +23,7 @@
   <header class="site-header">
     <div class="header-inner">
       <a class="brand" href="./" aria-label="Ferese home">
-        <img class="brand-icon" src="assets/branding/ferese-blue-dark.svg" width="1024" height="1024" alt="" />
+        <img class="brand-icon" src="assets/branding/ferese.svg" width="950" height="950" alt="" />
         <span class="brand-name">Ferese</span>
       </a>
       <nav aria-label="Main navigation">
@@ -38,7 +38,7 @@
   </header>
   <main id="main" class="simple-home">
     <section class="product-intro page-width">
-      <img class="intro-icon" src="assets/branding/ferese-blue-dark.svg" width="1024" height="1024" alt="" />
+      <img class="intro-icon" src="assets/branding/ferese.svg" width="950" height="950" alt="" />
       <h1 class="product-tagline">
         A configurable Wayland desktop.
       </h1>
@@ -116,7 +116,7 @@
   </main>
   <footer class="site-footer page-width">
     <a class="brand" href="./" aria-label="Ferese home">
-      <img class="brand-icon" src="assets/branding/ferese-blue-dark.svg" width="1024" height="1024" alt="" />
+      <img class="brand-icon" src="assets/branding/ferese.svg" width="950" height="950" alt="" />
     </a>
     <p>A Wayland desktop with scrolling layouts.</p>
     <a href="docs/">Read the handbook <svg class="link-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor"