diff --git a/public/styles/global.css b/public/styles/global.css
index 67477af..6a5ed88 100644
--- a/public/styles/global.css
+++ b/public/styles/global.css
@@ -104,6 +104,19 @@ a {
   white-space: nowrap;
 }
 
+.logo-image {
+  height: 40px;
+  width: auto;
+  max-width: 180px;
+  display: block;
+  transition: transform 0.3s ease, filter 0.3s ease;
+}
+
+.logo:hover .logo-image {
+  filter: drop-shadow(0 0 8px rgba(0, 221, 119, 0.4));
+  transform: scale(1.05);
+}
+
 .logo-line-1,
 .logo-line-2 {
   font-size: 1.25rem;
diff --git a/public/zblade-logo.png b/public/zblade-logo.png
new file mode 100644
index 0000000..75f6fd8
Binary files /dev/null and b/public/zblade-logo.png differ
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 537d5df..c5c41c5 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -22,6 +22,9 @@ const { title, description = "AI-Native code editor built with Rust and Tauri. F
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://zblade.dev" />
     
+    <!-- Favicon -->
+    <link rel="icon" type="image/png" href="/zblade-logo.png" />
+    
     <!-- Fonts -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -51,8 +54,7 @@ const { title, description = "AI-Native code editor built with Rust and Tauri. F
       <div class="container">
         <div class="header-content">
           <a href="/" class="logo">
-            <span class="logo-line-1">ZAGUÁN</span>
-            <span class="logo-line-2">BLADE</span>
+            <img src="/zblade-logo.png" alt="Zaguán Blade" class="logo-image" />
           </a>
           <nav class="nav">
             <a href="/#features">Features</a>