diff --git a/public/favicon.svg b/public/favicon.svg
new file mode 100644
index 0000000..c902fc1
--- /dev/null
+++ b/public/favicon.svg
@@ -0,0 +1,30 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <defs>
+    <linearGradient id="grad" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" style="stop-color:#3B82F6;stop-opacity:1" />
+      <stop offset="100%" style="stop-color:#6366F1;stop-opacity:1" />
+    </linearGradient>
+  </defs>
+
+  <!-- Background circle -->
+  <circle cx="50" cy="50" r="48" fill="url(#grad)"/>
+
+  <!-- Map layers icon -->
+  <g transform="translate(50, 50)">
+    <!-- Bottom layer -->
+    <path d="M -20 8 L -20 -2 L -8 -8 L 8 -2 L 8 8 L -8 14 Z"
+          fill="white" opacity="0.3" stroke="white" stroke-width="1.5"/>
+
+    <!-- Middle layer -->
+    <path d="M -20 2 L -20 -8 L -8 -14 L 8 -8 L 8 2 L -8 8 Z"
+          fill="white" opacity="0.6" stroke="white" stroke-width="1.5"/>
+
+    <!-- Top layer -->
+    <path d="M -20 -4 L -20 -14 L -8 -20 L 8 -14 L 8 -4 L -8 2 Z"
+          fill="white" stroke="white" stroke-width="1.5"/>
+
+    <!-- Connection lines -->
+    <line x1="-8" y1="-8" x2="-8" y2="14" stroke="white" stroke-width="1.5" opacity="0.8"/>
+    <line x1="8" y1="-2" x2="8" y2="8" stroke="white" stroke-width="1.5" opacity="0.8"/>
+  </g>
+</svg>
diff --git a/public/index.html b/public/index.html
index 25721cd..ca443af 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,9 +2,9 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>ISP Wiremap</title>
+    <title>MapMaker</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/public/src/components/auth/Login.tsx b/public/src/components/auth/Login.tsx
index 6b0260f..3e1909b 100644
--- a/public/src/components/auth/Login.tsx
+++ b/public/src/components/auth/Login.tsx
@@ -36,13 +36,24 @@ export function Login() {
 
       <div className="bg-white dark:bg-gray-800 p-8 rounded-2xl shadow-2xl w-full max-w-md border border-gray-200 dark:border-gray-700 transition-colors">
         <div className="text-center mb-8">
-          <div className="inline-block p-3 bg-blue-100 dark:bg-blue-900/30 rounded-full mb-4">
-            <svg className="w-12 h-12 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
+          <div className="inline-block p-4 bg-gradient-to-br from-blue-100 to-indigo-100 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-2xl mb-4 shadow-lg">
+            <svg className="w-16 h-16 text-blue-600 dark:text-blue-400" viewBox="0 0 100 100" fill="currentColor">
+              <g transform="translate(50, 50)">
+                <path d="M -25 10 L -25 -2 L -10 -10 L 10 -2 L 10 10 L -10 18 Z"
+                      opacity="0.3" stroke="currentColor" strokeWidth="2" fill="none"/>
+                <path d="M -25 2 L -25 -10 L -10 -18 L 10 -10 L 10 2 L -10 10 Z"
+                      opacity="0.6" stroke="currentColor" strokeWidth="2" fill="none"/>
+                <path d="M -25 -6 L -25 -18 L -10 -26 L 10 -18 L 10 -6 L -10 2 Z"
+                      stroke="currentColor" strokeWidth="2.5" fill="currentColor" fillOpacity="0.2"/>
+                <line x1="-10" y1="-10" x2="-10" y2="18" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
+                <line x1="10" y1="-2" x2="10" y2="10" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
+                <circle cx="0" cy="-18" r="6" fill="currentColor"/>
+                <circle cx="0" cy="-18" r="2.5" fill="white"/>
+              </g>
             </svg>
           </div>
           <h1 className="text-3xl font-bold text-gray-800 dark:text-white">
-            ISP Wiremap
+            MapMaker
           </h1>
           <p className="text-gray-500 dark:text-gray-400 mt-2">
             Sign in to your account
diff --git a/public/src/components/auth/Register.tsx b/public/src/components/auth/Register.tsx
index 8cb08ce..bc1e345 100644
--- a/public/src/components/auth/Register.tsx
+++ b/public/src/components/auth/Register.tsx
@@ -50,16 +50,27 @@ export function Register() {
 
       <div className="bg-white dark:bg-gray-800 p-8 rounded-2xl shadow-2xl w-full max-w-md border border-gray-200 dark:border-gray-700 transition-colors">
         <div className="text-center mb-8">
-          <div className="inline-block p-3 bg-blue-100 dark:bg-blue-900/30 rounded-full mb-4">
-            <svg className="w-12 h-12 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M18 9v3m0 0v3m0-3h3m-3 0h-3m-2-5a4 4 0 11-8 0 4 4 0 018 0zM3 20a6 6 0 0112 0v1H3v-1z" />
+          <div className="inline-block p-4 bg-gradient-to-br from-blue-100 to-indigo-100 dark:from-blue-900/30 dark:to-indigo-900/30 rounded-2xl mb-4 shadow-lg">
+            <svg className="w-16 h-16 text-blue-600 dark:text-blue-400" viewBox="0 0 100 100" fill="currentColor">
+              <g transform="translate(50, 50)">
+                <path d="M -25 10 L -25 -2 L -10 -10 L 10 -2 L 10 10 L -10 18 Z"
+                      opacity="0.3" stroke="currentColor" strokeWidth="2" fill="none"/>
+                <path d="M -25 2 L -25 -10 L -10 -18 L 10 -10 L 10 2 L -10 10 Z"
+                      opacity="0.6" stroke="currentColor" strokeWidth="2" fill="none"/>
+                <path d="M -25 -6 L -25 -18 L -10 -26 L 10 -18 L 10 -6 L -10 2 Z"
+                      stroke="currentColor" strokeWidth="2.5" fill="currentColor" fillOpacity="0.2"/>
+                <line x1="-10" y1="-10" x2="-10" y2="18" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
+                <line x1="10" y1="-2" x2="10" y2="10" stroke="currentColor" strokeWidth="2" opacity="0.7"/>
+                <circle cx="0" cy="-18" r="6" fill="currentColor"/>
+                <circle cx="0" cy="-18" r="2.5" fill="white"/>
+              </g>
             </svg>
           </div>
           <h1 className="text-3xl font-bold text-gray-800 dark:text-white">
             Create Account
           </h1>
           <p className="text-gray-500 dark:text-gray-400 mt-2">
-            Join ISP Wiremap today
+            Join MapMaker today
           </p>
         </div>
 
diff --git a/public/src/components/layout/Layout.tsx b/public/src/components/layout/Layout.tsx
index 11df2c9..3c412ff 100644
--- a/public/src/components/layout/Layout.tsx
+++ b/public/src/components/layout/Layout.tsx
@@ -48,7 +48,7 @@ export function Layout({ children, onToggleSidebar, isSidebarOpen }: LayoutProps
               </button>
             )}
             {/* Title - hidden on mobile when hamburger is present */}
-            <h1 className={`text-xl font-bold ${onToggleSidebar ? 'hidden md:block' : ''}`}>ISP Wiremap</h1>
+            <h1 className={`text-xl font-bold ${onToggleSidebar ? 'hidden md:block' : ''}`}>MapMaker</h1>
           </div>
 
           {user && (
