diff --git a/frontend/public/GenerateNU Logo.png b/frontend/public/GenerateNU Logo.png
new file mode 100644
index 0000000..a9c8818
Binary files /dev/null and b/frontend/public/GenerateNU Logo.png differ
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css
index 5628d86..e55f58e 100644
--- a/frontend/src/app/globals.css
+++ b/frontend/src/app/globals.css
@@ -3,6 +3,7 @@
 :root {
   --background: #ffffff;
   --foreground: #171717;
+  --text-default: #111111;
 }
 
 @theme inline {
@@ -10,6 +11,7 @@
   --color-foreground: var(--foreground);
   --color-brand-blue: #1477f8;
   --color-brand-white: #ffffff;
+  --color-text-default: var(--text-default);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }
diff --git a/frontend/src/components/nav/Sidebar.tsx b/frontend/src/components/nav/Sidebar.tsx
index d5b981f..103d803 100644
--- a/frontend/src/components/nav/Sidebar.tsx
+++ b/frontend/src/components/nav/Sidebar.tsx
@@ -1,5 +1,6 @@
 'use client'
 
+import Image from 'next/image'
 import {
   LayoutDashboard,
   Users,
@@ -87,11 +88,15 @@ export default function Sidebar({ roles, firstName, lastName }: SidebarProps) {
   return (
     <aside className="flex h-screen w-60 flex-col border-r border-gray-100 bg-white">
       {/* Logo */}
-      <div className="flex h-11 items-center gap-2 border-b border-gray-100 px-4">
-        <div className="bg-brand-blue flex h-7 w-7 items-center justify-center rounded-md">
-          <span className="text-xs font-bold text-white">G</span>
-        </div>
-        <span className="text-sm font-semibold text-gray-900">Generate</span>
+      <div className="flex h-14 items-center gap-2 border-b border-gray-100 px-5">
+        <Image
+          src="/GenerateNU Logo.png"
+          alt="GenerateNU"
+          width={28}
+          height={28}
+          className="object-contain"
+        />
+        <span className="text-brand-blue text-xl font-semibold">Generate</span>
       </div>
 
       {/* Nav sections */}