diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..e0cdd3a
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Bewerbungs-Tracker">
+  <defs>
+    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
+      <stop offset="0" stop-color="#38bdf8"/>
+      <stop offset="1" stop-color="#2563eb"/>
+    </linearGradient>
+  </defs>
+  <rect width="64" height="64" rx="15" fill="url(#g)"/>
+  <g transform="translate(16 16) scale(1.33)" fill="none" stroke="#fff" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M9 12h6m-6 4h6m2 5H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5.586a1 1 0 0 1 .707.293l5.414 5.414a1 1 0 0 1 .293.707V19a2 2 0 0 1-2 2z"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/views/partials/head.ejs b/views/partials/head.ejs
index fa85f3f..7a0994d 100644
--- a/views/partials/head.ejs
+++ b/views/partials/head.ejs
@@ -1,6 +1,8 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="theme-color" content="#2563eb">
 <title>Bewerbungs-Tracker</title>
+<link rel="icon" type="image/svg+xml" href="/favicon.svg">
 <!-- Apply the dark class before first paint to avoid a light-mode flash (FOUC).
      Theme follows the browser/OS setting (prefers-color-scheme) — no manual toggle. -->
 <script>
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
index 857a28c..759a7cc 100644
--- a/views/partials/header.ejs
+++ b/views/partials/header.ejs
@@ -41,8 +41,8 @@
                         <path stroke-linecap="round" stroke-linejoin="round" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path>
                     </svg>
                 </span>
-                <span class="truncate text-[15px] font-semibold tracking-tight text-gray-900 dark:text-white">
-                    Bewerbungs-Tracker
+                <span class="whitespace-nowrap text-[15px] font-semibold leading-none tracking-tight">
+                    <span class="text-gray-900 dark:text-white">Bewerbungs</span><span class="bg-gradient-to-r from-sky-500 to-blue-600 bg-clip-text text-transparent">Tracker</span>
                 </span>
             </a>