diff --git a/src/assets/app-logo.jpg b/src/assets/app-logo.jpg
new file mode 100644
index 0000000..4322454
Binary files /dev/null and b/src/assets/app-logo.jpg differ
diff --git a/src/components/layout/AppLayout.tsx b/src/components/layout/AppLayout.tsx
index 289afc6..572df41 100644
--- a/src/components/layout/AppLayout.tsx
+++ b/src/components/layout/AppLayout.tsx
@@ -1,5 +1,6 @@
 import { getCurrentWindow } from "@tauri-apps/api/window";
 import { Outlet } from "react-router-dom";
+import appLogo from "../../assets/app-logo.jpg";
 import NotificationCenter from "./NotificationCenter";
 import Sidebar from "./Sidebar";
 import WindowControls from "./WindowControls";
@@ -26,9 +27,14 @@ export default function AppLayout() {
                   void startDragging();
                 }
               }}
-              className="min-w-0 flex-1 select-none text-sm font-semibold text-gray-700"
+              className="min-w-0 flex flex-1 items-center gap-2 select-none text-sm font-semibold text-gray-700"
             >
-              Orchai
+              <img
+                src={appLogo}
+                alt="Orchai logo"
+                className="h-6 w-6 rounded-full object-cover ring-1 ring-gray-300"
+              />
+              <span>Orchai</span>
             </div>
             <NotificationCenter />
             <WindowControls />
diff --git a/src/components/layout/Sidebar.tsx b/src/components/layout/Sidebar.tsx
index 7d1d943..82b7b69 100644
--- a/src/components/layout/Sidebar.tsx
+++ b/src/components/layout/Sidebar.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
 import { Link, useParams } from "react-router-dom";
+import appLogo from "../../assets/app-logo.jpg";
 import { listProjects } from "../../lib/api";
 import type { Project } from "../../lib/types";
 
@@ -23,7 +24,14 @@ export default function Sidebar() {
   return (
     <aside className="w-64 bg-gray-900 text-gray-100 flex flex-col h-screen">
       <div className="p-4 border-b border-gray-700">
-        <h1 className="text-lg font-bold">Orchai</h1>
+        <div className="flex items-center gap-3">
+          <img
+            src={appLogo}
+            alt="Orchai logo"
+            className="h-9 w-9 rounded-full object-cover ring-1 ring-gray-600"
+          />
+          <h1 className="text-lg font-bold">Orchai</h1>
+        </div>
       </div>
 
       <nav className="flex-1 overflow-y-auto p-2">
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />