diff --git a/loko/common/static/common/android-192.png b/loko/common/static/common/android-192.png
index 40e9e58..1c29880 100644
Binary files a/loko/common/static/common/android-192.png and b/loko/common/static/common/android-192.png differ
diff --git a/loko/common/static/common/android-512.png b/loko/common/static/common/android-512.png
index 60ea378..d4f60f6 100644
Binary files a/loko/common/static/common/android-512.png and b/loko/common/static/common/android-512.png differ
diff --git a/loko/common/static/common/apple-touch-180.png b/loko/common/static/common/apple-touch-180.png
index f4434fd..720bb99 100644
Binary files a/loko/common/static/common/apple-touch-180.png and b/loko/common/static/common/apple-touch-180.png differ
diff --git a/loko/common/static/common/favicon-16.png b/loko/common/static/common/favicon-16.png
index 1d7ca86..65aa4b8 100644
Binary files a/loko/common/static/common/favicon-16.png and b/loko/common/static/common/favicon-16.png differ
diff --git a/loko/common/static/common/favicon-32.png b/loko/common/static/common/favicon-32.png
index a46ac72..426938e 100644
Binary files a/loko/common/static/common/favicon-32.png and b/loko/common/static/common/favicon-32.png differ
diff --git a/loko/common/static/common/favicon-48.png b/loko/common/static/common/favicon-48.png
index 8724ae0..db2b55b 100644
Binary files a/loko/common/static/common/favicon-48.png and b/loko/common/static/common/favicon-48.png differ
diff --git a/loko/common/static/common/favicon.ico b/loko/common/static/common/favicon.ico
index 366dde4..cb709f1 100644
Binary files a/loko/common/static/common/favicon.ico and b/loko/common/static/common/favicon.ico differ
diff --git a/loko/common/static/common/loko_favicon.png b/loko/common/static/common/loko_favicon.png
index 6216d3d..db2b55b 100644
Binary files a/loko/common/static/common/loko_favicon.png and b/loko/common/static/common/loko_favicon.png differ
diff --git a/loko/common/static/common/loko_logo.png b/loko/common/static/common/loko_logo.png
index 5ccd57b..d4f60f6 100644
Binary files a/loko/common/static/common/loko_logo.png and b/loko/common/static/common/loko_logo.png differ
diff --git a/loko/common/static/common/loko_logo.svg b/loko/common/static/common/loko_logo.svg
index 21a5529..a7e5902 100644
--- a/loko/common/static/common/loko_logo.svg
+++ b/loko/common/static/common/loko_logo.svg
@@ -1,8 +1,37 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" style="vertical-align: middle;">
-    <!-- Filled brand color circle -->
-    <circle cx="12" cy="12" r="11" fill="currentColor" stroke="none" />
-    <!-- White road outline (open bottom, SSW entry, both sides touching the circle) -->
-    <path d="M5.7 21 C15 18, 2 11, 9.2 7.85 L6.5 6.7 L14.7 2.5 L17.5 11.3 L14.8 10.15 C7 11, 20 18, 9.2 22.6" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round" />
-    <!-- White S-curved centerline (SSW entry) -->
-    <path d="M7.45 21.8 C17.5 18, 4.5 11, 12 9" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-dasharray="2.5,2.5" stroke-linecap="round" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 5 100 100" width="100%" height="100%" fill="none">
+    <defs>
+        <linearGradient id="loko-teal-t" x1="50" y1="14" x2="86" y2="55" gradientUnits="userSpaceOnUse">
+            <stop offset="0%" stop-color="#4db6ac" />
+            <stop offset="100%" stop-color="#00897b" />
+        </linearGradient>
+        <linearGradient id="loko-teal-l" x1="14" y1="35" x2="50" y2="96" gradientUnits="userSpaceOnUse">
+            <stop offset="0%" stop-color="#26a69c" />
+            <stop offset="100%" stop-color="#004d40" />
+        </linearGradient>
+        <linearGradient id="loko-teal-r" x1="50" y1="55" x2="86" y2="96" gradientUnits="userSpaceOnUse">
+            <stop offset="0%" stop-color="#00796b" />
+            <stop offset="100%" stop-color="#00332c" />
+        </linearGradient>
+    </defs>
+    <!-- Prisme Hexagonal Isométrique 3D -->
+    <polygon points="50,14 86,35 50,55 14,35" fill="url(#loko-teal-t)" />
+    <polygon points="14,35 50,55 50,96 14,75" fill="url(#loko-teal-l)" />
+    <polygon points="50,55 86,35 86,75 50,96" fill="url(#loko-teal-r)" />
+
+    <!-- Lignes Vectorielles Blanches Pleines -->
+    <path d="M50 20 L50 55 L20 72" stroke="#ffffff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" />
+    <path d="M50 55 L80 72" stroke="#ffffff" stroke-width="4.5" stroke-linecap="round" />
+
+    <!-- 4 Nœuds Concentriques : Anneau Blanc + Vert Foncé + Anneau Blanc + Cœur Vert Clair -->
+    <circle cx="50" cy="55" r="9" fill="#004d40" stroke="#ffffff" stroke-width="2" />
+    <circle cx="50" cy="55" r="4.5" fill="#00bfa5" stroke="#ffffff" stroke-width="1.5" />
+
+    <circle cx="50" cy="20" r="7.5" fill="#004d40" stroke="#ffffff" stroke-width="1.8" />
+    <circle cx="50" cy="20" r="3.6" fill="#00bfa5" stroke="#ffffff" stroke-width="1.3" />
+
+    <circle cx="20" cy="72" r="7.5" fill="#004d40" stroke="#ffffff" stroke-width="1.8" />
+    <circle cx="20" cy="72" r="3.6" fill="#00bfa5" stroke="#ffffff" stroke-width="1.3" />
+
+    <circle cx="80" cy="72" r="7.5" fill="#004d40" stroke="#ffffff" stroke-width="1.8" />
+    <circle cx="80" cy="72" r="3.6" fill="#00bfa5" stroke="#ffffff" stroke-width="1.3" />
+</svg>
\ No newline at end of file
diff --git a/loko/common/static/common/loko_logo_1.png b/loko/common/static/common/loko_logo_1.png
index 8d61086..d4f60f6 100644
Binary files a/loko/common/static/common/loko_logo_1.png and b/loko/common/static/common/loko_logo_1.png differ
diff --git a/loko/common/static/common/maskable-192.png b/loko/common/static/common/maskable-192.png
index 19a5442..f93b6cb 100644
Binary files a/loko/common/static/common/maskable-192.png and b/loko/common/static/common/maskable-192.png differ
diff --git a/loko/common/static/common/maskable-512.png b/loko/common/static/common/maskable-512.png
index 6562dee..77ce7d4 100644
Binary files a/loko/common/static/common/maskable-512.png and b/loko/common/static/common/maskable-512.png differ
diff --git a/loko/controls/static/controls/icon-192x192.png b/loko/controls/static/controls/icon-192x192.png
index dcaab7b..1c29880 100644
Binary files a/loko/controls/static/controls/icon-192x192.png and b/loko/controls/static/controls/icon-192x192.png differ
diff --git a/loko/controls/static/controls/icon-512x512.png b/loko/controls/static/controls/icon-512x512.png
index 1c97ca7..d4f60f6 100644
Binary files a/loko/controls/static/controls/icon-512x512.png and b/loko/controls/static/controls/icon-512x512.png differ
diff --git a/loko/templates/base.html b/loko/templates/base.html
index 0fcf465..3bf2dc1 100644
--- a/loko/templates/base.html
+++ b/loko/templates/base.html
@@ -140,16 +140,37 @@
     <nav class="navbar navbar-expand-lg gradient-custom">
         <div class="container-fluid d-flex justify-content-between align-items-center">
             <!-- Logo -->
-            <a class="navbar-brand" href="/">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="36" height="36" class="me-2" style="vertical-align: middle; color: var(--brand-color);">
-                    <!-- Filled brand color circle -->
-                    <circle cx="12" cy="12" r="11" fill="currentColor" stroke="none" />
-                    <!-- White road outline (open bottom, SSW entry, both sides touching the circle) -->
-                    <path d="M5.7 21 C15 18, 2 11, 9.2 7.85 L6.5 6.7 L14.7 2.5 L17.5 11.3 L14.8 10.15 C7 11, 20 18, 9.2 22.6" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-linejoin="round" stroke-linecap="round" />
-                    <!-- White S-curved centerline (SSW entry) -->
-                    <path d="M7.45 21.8 C17.5 18, 4.5 11, 12 9" fill="none" stroke="#ffffff" stroke-width="1.5" stroke-dasharray="2.5,2.5" stroke-linecap="round" />
+            <a class="navbar-brand d-inline-flex align-items-center" href="/">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 5 100 100" width="34" height="34" class="me-2" style="margin-top: -2px;" fill="none">
+                    <defs>
+                        <linearGradient id="loko-navbar-teal-t" x1="50" y1="14" x2="86" y2="55" gradientUnits="userSpaceOnUse">
+                            <stop offset="0%" stop-color="#4db6ac" />
+                            <stop offset="100%" stop-color="#00897b" />
+                        </linearGradient>
+                        <linearGradient id="loko-navbar-teal-l" x1="14" y1="35" x2="50" y2="96" gradientUnits="userSpaceOnUse">
+                            <stop offset="0%" stop-color="#26a69c" />
+                            <stop offset="100%" stop-color="#004d40" />
+                        </linearGradient>
+                        <linearGradient id="loko-navbar-teal-r" x1="50" y1="55" x2="86" y2="96" gradientUnits="userSpaceOnUse">
+                            <stop offset="0%" stop-color="#00796b" />
+                            <stop offset="100%" stop-color="#00332c" />
+                        </linearGradient>
+                    </defs>
+                    <polygon points="50,14 86,35 50,55 14,35" fill="url(#loko-navbar-teal-t)" />
+                    <polygon points="14,35 50,55 50,96 14,75" fill="url(#loko-navbar-teal-l)" />
+                    <polygon points="50,55 86,35 86,75 50,96" fill="url(#loko-navbar-teal-r)" />
+                    <path d="M50 20 L50 55 L20 72" stroke="#ffffff" stroke-width="4.5" stroke-linecap="round" stroke-linejoin="round" />
+                    <path d="M50 55 L80 72" stroke="#ffffff" stroke-width="4.5" stroke-linecap="round" />
+                    <circle cx="50" cy="55" r="9" fill="#004d40" stroke="#ffffff" stroke-width="2" />
+                    <circle cx="50" cy="55" r="4.5" fill="#00bfa5" stroke="#ffffff" stroke-width="1.5" />
+                    <circle cx="50" cy="20" r="7.5" fill="#004d40" stroke="#ffffff" stroke-width="1.8" />
+                    <circle cx="50" cy="20" r="3.6" fill="#00bfa5" stroke="#ffffff" stroke-width="1.3" />
+                    <circle cx="20" cy="72" r="7.5" fill="#004d40" stroke="#ffffff" stroke-width="1.8" />
+                    <circle cx="20" cy="72" r="3.6" fill="#00bfa5" stroke="#ffffff" stroke-width="1.3" />
+                    <circle cx="80" cy="72" r="7.5" fill="#004d40" stroke="#ffffff" stroke-width="1.8" />
+                    <circle cx="80" cy="72" r="3.6" fill="#00bfa5" stroke="#ffffff" stroke-width="1.3" />
                 </svg>
-                <span style="color: var(--brand-color); font-weight: bold; font-size: 20px;">
+                <span style="color: var(--brand-color); font-weight: bold; font-size: 20px; line-height: 1;">
                     {{ product_name }} - {{ organization_name }}
                 </span>
                 {% if environment_name %}