From d526634a07653833b47a2ea5a800b1491d66ae16 Mon Sep 17 00:00:00 2001
From: Paul Atlan <paul.atlan@experconnect.com>
Date: Sat, 30 May 2026 22:21:23 +0200
Subject: [PATCH] =?UTF-8?q?feat(logo):=20logo=20IA=20qu'=C3=A0=20exact=20(?=
 =?UTF-8?q?qu'=C3=A0=20adaptatif)=20+=20palette=20Mint=20&=20Ocean?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/logo.svg                | 18 +-------
 src/components/BrandLogo.astro | 80 ++++++++++++++++++++--------------
 2 files changed, 48 insertions(+), 50 deletions(-)

diff --git a/public/logo.svg b/public/logo.svg
index d8f4d05..e5d1696 100644
--- a/public/logo.svg
+++ b/public/logo.svg
@@ -1,17 +1 @@
-<svg viewBox="0 0 500 220" role="img" aria-label="IA qu'à — L'IA pour les PME" xmlns="http://www.w3.org/2000/svg">
-  <defs>
-    <linearGradient id="logoAccentGradient" x1="0%" y1="0%" x2="100%" y2="100%">
-      <stop offset="0%" stop-color="#34D399"/>
-      <stop offset="100%" stop-color="#2563EB"/>
-    </linearGradient>
-  </defs>
-  <g transform="translate(250, 110)">
-    <text x="-5" y="16" font-family="'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif" font-weight="700" font-size="68" text-anchor="end" letter-spacing="0.01em">
-      <tspan fill="url(#logoAccentGradient)">IA</tspan>
-    </text>
-    <text x="5" y="16" font-family="'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif" font-weight="300" font-size="66" text-anchor="start" fill="#334155" letter-spacing="-0.01em">
-      <tspan>qu</tspan><tspan fill="url(#logoAccentGradient)" dx="1">&#8217;</tspan><tspan dx="1">à</tspan>
-    </text>
-    <text x="127" y="56" font-family="'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif" font-weight="600" font-size="18" text-anchor="end" fill="url(#logoAccentGradient)" letter-spacing="3px" opacity="0.9">L'IA POUR LES PME</text>
-  </g>
-</svg>
+<svg viewBox="0 0 500 220" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" class="overflow-visible" role="img" aria-label="IA qu'à — L'IA pour les PME"><defs><linearGradient id="logoAccentGradient" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="#34D399"/><stop offset="100%" stop-color="#2563EB"/></linearGradient><linearGradient id="yHighlightGradient" x1="0%" y1="0%" x2="100%" y2="0%"><stop offset="0%" stop-color="#34D399"/><stop offset="50%" stop-color="#2563EB"/><stop offset="51%" stop-color="#E2E8F0"/><stop offset="100%" stop-color="#E2E8F0"/></linearGradient></defs><g transform="translate(250, 110)"><text x="-5" y="16" font-family="&quot;Space Grotesk&quot;, &quot;Inter&quot;, system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-weight="900" font-size="68" text-anchor="end" letter-spacing="0.01em" id="classic-text-ia"><tspan fill="url(#logoAccentGradient)">IA</tspan></text><text x="5" y="16" font-family="&quot;Space Grotesk&quot;, &quot;Inter&quot;, system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-weight="300" font-size="66" text-anchor="start" fill="#E2E8F0" letter-spacing="-0.01em"><tspan>qu</tspan><tspan fill="url(#logoAccentGradient)" font-weight="300" dx="1">'</tspan><tspan dx="1">à</tspan></text><text x="127" y="56" font-family="&quot;Space Grotesk&quot;, &quot;Inter&quot;, system-ui, -apple-system, BlinkMacSystemFont, sans-serif" font-weight="600" font-size="18" text-anchor="end" fill="url(#logoAccentGradient)" letter-spacing="3px" opacity="0.9">L'IA POUR LES PME</text></g></svg>
diff --git a/src/components/BrandLogo.astro b/src/components/BrandLogo.astro
index 3050d03..69619f1 100644
--- a/src/components/BrandLogo.astro
+++ b/src/components/BrandLogo.astro
@@ -1,56 +1,70 @@
 ---
 /**
- * BrandLogo — lockup "IA qu'à" + baseline "L'IA POUR LES PME"
- * (palette Mint & Ocean Blue, color package §1 ; preset "Pure Swiss Typography" de Paul).
- * Space Grotesk : "IA" 700 + "qu'à" 300. "IA"/apostrophe/baseline en dégradé mint→ocean,
- * "qu'à" en slate adaptatif clair/sombre. Double sens assumé : "IA qu'à" ↔ "Y'a qu'à".
+ * BrandLogo — logo "IA qu'à" de Paul, EXACT (export logo-designer, preset
+ * "Pure Swiss Typography", palette Mint & Ocean Blue). Géométrie / poids /
+ * baseline repris à l'identique. Seule adaptation : "qu'à", figé en #E2E8F0
+ * dans l'export (pour fond sombre), devient slate adaptatif clair/sombre.
+ * viewBox recadré sur le contenu pour un rendu net dans la navbar.
  */
 interface Props {
   class?: string;
 }
 const { class: className = "h-10 w-auto" } = Astro.props;
 const gid = "iaGrad-" + Math.random().toString(36).slice(2, 8);
+const ff =
+  "'Space Grotesk', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif";
 ---
 
 <svg
-  viewBox="0 0 188 62"
+  viewBox="150 62 250 112"
   role="img"
   aria-label="IA qu'à — L'IA pour les PME"
   class={className}
+  style="overflow:visible"
   xmlns="http://www.w3.org/2000/svg"
 >
   <defs>
-    <linearGradient id={gid} x1="0" y1="0" x2="1" y2="1">
+    <linearGradient id={gid} x1="0%" y1="0%" x2="100%" y2="100%">
       <stop offset="0%" stop-color="#34D399"></stop>
       <stop offset="100%" stop-color="#2563EB"></stop>
     </linearGradient>
   </defs>
-
-  <!-- Wordmark -->
-  <text
-    x="2"
-    y="38"
-    font-family="'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif"
-    font-size="38"
-    letter-spacing="-0.01em"
-  >
-    <tspan fill={`url(#${gid})`} font-weight="700">IA</tspan>
-    <tspan class="fill-slate-700 dark:fill-slate-100" font-weight="300" dx="6"
-      >qu</tspan
+  <g transform="translate(250, 110)">
+    <text
+      x="-5"
+      y="16"
+      font-family={ff}
+      font-weight="900"
+      font-size="68"
+      text-anchor="end"
+      letter-spacing="0.01em"
     >
-    <tspan fill={`url(#${gid})`} font-weight="300">&#8217;</tspan>
-    <tspan class="fill-slate-700 dark:fill-slate-100" font-weight="300">à</tspan>
-  </text>
-
-  <!-- Baseline -->
-  <text
-    x="3"
-    y="55"
-    font-family="'Space Grotesk', 'Inter', system-ui, -apple-system, sans-serif"
-    font-size="9.2"
-    font-weight="600"
-    letter-spacing="1.6"
-    fill={`url(#${gid})`}
-    opacity="0.9">L'IA POUR LES PME</text
-  >
+      <tspan fill={`url(#${gid})`}>IA</tspan>
+    </text>
+    <text
+      x="5"
+      y="16"
+      font-family={ff}
+      font-weight="300"
+      font-size="66"
+      text-anchor="start"
+      letter-spacing="-0.01em"
+      class="fill-slate-700 dark:fill-slate-100"
+    >
+      <tspan>qu</tspan><tspan fill={`url(#${gid})`} font-weight="300" dx="1"
+        >'</tspan
+      ><tspan dx="1">à</tspan>
+    </text>
+    <text
+      x="127"
+      y="56"
+      font-family={ff}
+      font-weight="600"
+      font-size="18"
+      text-anchor="end"
+      fill={`url(#${gid})`}
+      letter-spacing="3px"
+      opacity="0.9">L'IA POUR LES PME</text
+    >
+  </g>
 </svg>