diff --git a/ondeck/public/favicon.png b/ondeck/public/favicon.png
new file mode 100644
index 0000000..66b2759
Binary files /dev/null and b/ondeck/public/favicon.png differ
diff --git a/ondeck/public/seub-road-green.png b/ondeck/public/seub-road-green.png
new file mode 100644
index 0000000..00c005a
Binary files /dev/null and b/ondeck/public/seub-road-green.png differ
diff --git a/ondeck/src/app/auth/signin/page.tsx b/ondeck/src/app/auth/signin/page.tsx
index 0e834a9..8a9ad6d 100644
--- a/ondeck/src/app/auth/signin/page.tsx
+++ b/ondeck/src/app/auth/signin/page.tsx
@@ -9,7 +9,7 @@ export default function SignInPage() {
            style={{ background: 'linear-gradient(160deg, #0F513F 0%, #15745a 60%, #1FA883 100%)' }}>
         <div>
           <Image
-            src="/seubert-logo.png"
+            src="/seubert-logo-color.png"
             alt="Seubert"
             width={220}
             height={68}
@@ -32,14 +32,23 @@ export default function SignInPage() {
       {/* Right panel — form */}
       <div className="flex-1 flex flex-col items-center justify-center px-6 py-12 bg-white">
         <div className="w-full max-w-sm">
-          {/* Mobile logo */}
-          <div className="flex justify-center mb-8 lg:hidden">
+          {/* Logo — road icon on desktop, color logo on mobile */}
+          <div className="flex justify-center mb-8 lg:mb-10">
+            <Image
+              src="/seub-road-green.png"
+              alt="Seubert"
+              width={80}
+              height={80}
+              priority
+              className="hidden lg:block"
+            />
             <Image
               src="/seubert-logo-color.png"
               alt="Seubert"
               width={220}
               height={68}
               priority
+              className="lg:hidden"
             />
           </div>
 
diff --git a/ondeck/src/app/layout.tsx b/ondeck/src/app/layout.tsx
index 7cc353a..85c0bcf 100644
--- a/ondeck/src/app/layout.tsx
+++ b/ondeck/src/app/layout.tsx
@@ -17,6 +17,9 @@ const geistMono = Geist_Mono({
 export const metadata: Metadata = {
   title: "Horizon - Policy Renewal Workflow Management",
   description: "Streamline your insurance policy renewal workflow with Horizon",
+  icons: {
+    icon: "/favicon.png",
+  },
 };
 
 export default function RootLayout({