diff --git a/frontend/layouts/default.vue b/frontend/layouts/default.vue
index 97395a8..19341b9 100644
--- a/frontend/layouts/default.vue
+++ b/frontend/layouts/default.vue
@@ -32,8 +32,8 @@ onMounted(async () => {
   <div class="h-screen flex flex-col bg-gray-950 text-gray-100">
     <!-- Top bar -->
     <header class="h-12 flex items-center justify-between px-4 bg-gray-900 border-b border-gray-800 shrink-0">
-      <div class="flex items-center gap-3">
-        <h1 class="text-lg font-bold tracking-wider text-wraith-400">WRAITH</h1>
+      <div class="flex items-center gap-2">
+        <img src="/wraith-logo.png" alt="Wraith" class="h-8" />
       </div>
       <div class="flex items-center gap-3">
         <NuxtLink to="/" class="text-sm text-gray-400 hover:text-white">Home</NuxtLink>
diff --git a/frontend/pages/login.vue b/frontend/pages/login.vue
index e999f08..35c7a6b 100644
--- a/frontend/pages/login.vue
+++ b/frontend/pages/login.vue
@@ -35,8 +35,7 @@ async function handleLogin() {
 <template>
   <div class="w-full max-w-sm">
     <div class="text-center mb-8">
-      <h1 class="text-3xl font-bold text-white tracking-wide">WRAITH</h1>
-      <p class="text-gray-500 mt-1 text-sm">Remote Access Terminal</p>
+      <img src="/wraith-logo.png" alt="Wraith" class="h-20 mx-auto" />
     </div>
     <form @submit.prevent="handleLogin" class="space-y-4 bg-gray-900 p-6 rounded-lg border border-gray-800">
       <template v-if="!requiresTotp">
diff --git a/frontend/public/wraith-logo.png b/frontend/public/wraith-logo.png
new file mode 100644
index 0000000..bead744
Binary files /dev/null and b/frontend/public/wraith-logo.png differ