diff --git a/frontend/index.html b/frontend/index.html
index 2b36112..293e68a 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,12 +1,13 @@
 <!doctype html>
-<html lang="en">
+<html lang="en" class="dark">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>frontend</title>
+    <meta name="theme-color" content="#0a0a0a" />
+    <title>Corrosion Management</title>
   </head>
-  <body>
+  <body class="bg-neutral-950">
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
diff --git a/frontend/public/favicon.png b/frontend/public/favicon.png
new file mode 100644
index 0000000..3062b95
Binary files /dev/null and b/frontend/public/favicon.png differ
diff --git a/frontend/public/logo-hero.png b/frontend/public/logo-hero.png
new file mode 100644
index 0000000..5bb3576
Binary files /dev/null and b/frontend/public/logo-hero.png differ
diff --git a/frontend/public/logo.png b/frontend/public/logo.png
new file mode 100644
index 0000000..39608e0
Binary files /dev/null and b/frontend/public/logo.png differ
diff --git a/frontend/src/components/layout/DashboardLayout.vue b/frontend/src/components/layout/DashboardLayout.vue
index f0a5fc5..25dbde9 100644
--- a/frontend/src/components/layout/DashboardLayout.vue
+++ b/frontend/src/components/layout/DashboardLayout.vue
@@ -59,8 +59,13 @@ function handleLogout() {
     <aside class="w-64 bg-neutral-900 border-r border-neutral-800 flex flex-col">
       <!-- Logo -->
       <div class="p-4 border-b border-neutral-800">
-        <h1 class="text-xl font-bold text-red-500 tracking-wider">CORROSION</h1>
-        <p class="text-xs text-neutral-500 mt-1">{{ auth.license?.server_name || 'Server Management' }}</p>
+        <div class="flex items-center gap-3">
+          <img src="/logo.png" alt="Corrosion" class="h-8 w-8" />
+          <div>
+            <h1 class="text-sm font-bold text-red-500 tracking-wider">CORROSION</h1>
+            <p class="text-xs text-neutral-500">{{ auth.license?.server_name || 'Server Management' }}</p>
+          </div>
+        </div>
       </div>
 
       <!-- Server Status Indicator -->
diff --git a/frontend/src/components/layout/PublicLayout.vue b/frontend/src/components/layout/PublicLayout.vue
index 5fcd4a0..2628cff 100644
--- a/frontend/src/components/layout/PublicLayout.vue
+++ b/frontend/src/components/layout/PublicLayout.vue
@@ -7,7 +7,10 @@ import { RouterView } from 'vue-router'
     <RouterView />
 
     <footer class="py-6 text-center text-neutral-600 text-sm border-t border-neutral-800">
-      Powered by <span class="text-red-500 font-semibold">Corrosion</span>
+      <div class="flex items-center justify-center gap-2">
+        <img src="/logo.png" alt="Corrosion" class="h-4 w-4 opacity-60" />
+        <span>Powered by <span class="text-red-500 font-semibold">Corrosion</span></span>
+      </div>
     </footer>
   </div>
 </template>
diff --git a/frontend/src/views/auth/LoginView.vue b/frontend/src/views/auth/LoginView.vue
index 1d21dbb..f5058f2 100644
--- a/frontend/src/views/auth/LoginView.vue
+++ b/frontend/src/views/auth/LoginView.vue
@@ -44,8 +44,7 @@ async function handleLogin() {
       <div class="bg-neutral-900 border border-neutral-800 rounded-lg p-8">
         <!-- Branding -->
         <div class="text-center mb-8">
-          <h1 class="text-3xl font-bold tracking-widest text-red-500">CORROSION</h1>
-          <p class="text-sm text-neutral-500 mt-2">Server Management Panel</p>
+          <img src="/logo-hero.png" alt="Corrosion Management" class="h-32 mx-auto mb-2" />
         </div>
 
         <!-- Error message -->
diff --git a/frontend/src/views/auth/RegisterView.vue b/frontend/src/views/auth/RegisterView.vue
index 99ba086..4abebe6 100644
--- a/frontend/src/views/auth/RegisterView.vue
+++ b/frontend/src/views/auth/RegisterView.vue
@@ -76,7 +76,7 @@ async function handleRegister() {
       <div class="bg-neutral-900 border border-neutral-800 rounded-lg p-8">
         <!-- Branding -->
         <div class="text-center mb-8">
-          <h1 class="text-3xl font-bold tracking-widest text-red-500">CORROSION</h1>
+          <img src="/logo-hero.png" alt="Corrosion Management" class="h-28 mx-auto mb-2" />
           <p class="text-sm text-neutral-500 mt-2">Create your account</p>
         </div>
 
