diff --git a/cli/internal/cmds/neosync/login/html.go b/cli/internal/cmds/neosync/login/html.go
index 87c16f869d..46f0963936 100644
--- a/cli/internal/cmds/neosync/login/html.go
+++ b/cli/internal/cmds/neosync/login/html.go
@@ -90,7 +90,7 @@ const (
 	`
 
 	loginPageSuccess = `
-  <div class='nav'><a href="https://neosync.dev"><img class='neosyncLogo' src="https://assets.nucleuscloud.com/neosync/neosync_black.svg"></a></div>
+  <div class='nav'><a href="https://neosync.dev"><img class='neosyncLogo' src="https://assets.nucleuscloud.com/neosync/newbrand/logo_light_mode.svg"></a></div>
   <div class='successText'>
       <h1>Login Success!</h1>
       <p>You've successfully logged in to Neosync CLI.</p>
@@ -102,7 +102,7 @@ const (
 	`
 
 	loginPageError = `
-    <div><a href="https://neosync.dev"><img class='neosyncLogo' src="https://assets.nucleuscloud.com/neosync/neosync_black.svg"></a></div>
+    <div><a href="https://neosync.dev"><img class='neosyncLogo' src="https://assets.nucleuscloud.com/neosync/newbrand/logo_light_mode.svg"></a></div>
     <div class='successText'>
         <h1>There was a problem logging you in!</h1>
         <p class="error-text">Error Code: {{ .ErrorCode }}</p>
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index cfd0a47ef5..fe402b7a1a 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -8,7 +8,7 @@ const darkCodeTheme = require('prism-react-renderer/themes/dracula');
 const config = {
   title: 'Neosync',
   tagline: 'Open source Test Data Management',
-  favicon: 'img/neosync_favicon.png',
+  favicon: 'img/logo_light_mode.png',
 
   // Set the production url of your site here
   url: 'https://docs.neosync.dev',
@@ -75,11 +75,11 @@ const config = {
         respectPrefersColorScheme: false,
       },
       navbar: {
-        title: 'Neosync',
+        // title: 'Neosync',
         logo: {
-          alt: 'My Site Logo',
-          srcDark: 'img/white-logo.png',
-          src: 'img/neosync_just_logo.png',
+          alt: 'Neosync',
+          srcDark: 'img/logo_and_text_dark_mode.png',
+          src: 'img/logo_and_text_light_mode.png',
         },
         items: [
           {
diff --git a/docs/src/theme/Navbar/Logo/index.js b/docs/src/theme/Navbar/Logo/index.js
index d691725d40..dc1f5af9f1 100644
--- a/docs/src/theme/Navbar/Logo/index.js
+++ b/docs/src/theme/Navbar/Logo/index.js
@@ -1,10 +1,10 @@
-import React from 'react';
 import Logo from '@theme/Logo';
+import React from 'react';
 export default function NavbarLogo() {
   return (
     <Logo
       className="navbar__brand"
-      imageClassName="navbar__logo w-10 h-6"
+      imageClassName="navbar__logo w-[84px] h-[20px]"
       titleClassName="navbar__title text--truncate"
     />
   );
diff --git a/docs/static/img/logo_and_text_light_mode.png b/docs/static/img/logo_and_text_light_mode.png
new file mode 100644
index 0000000000..3805f3ff66
Binary files /dev/null and b/docs/static/img/logo_and_text_light_mode.png differ
diff --git a/docs/static/img/logo_light_mode.png b/docs/static/img/logo_light_mode.png
new file mode 100644
index 0000000000..4d64361f7d
Binary files /dev/null and b/docs/static/img/logo_light_mode.png differ
diff --git a/frontend/components/Logo.tsx b/frontend/components/Logo.tsx
index df9f6706f4..8267e6b7f4 100644
--- a/frontend/components/Logo.tsx
+++ b/frontend/components/Logo.tsx
@@ -11,14 +11,18 @@ export default function Logo({ className }: LogoProps) {
   const { resolvedTheme } = useTheme();
 
   const [src, setSrc] = useState(
-    'https://assets.nucleuscloud.com/neosync/neosync_black.svg'
+    'https://assets.nucleuscloud.com/neosync/newbrand/logo_and_test_light_mode.svg'
   );
 
   useEffect(() => {
     if (resolvedTheme === 'dark') {
-      setSrc('https://assets.nucleuscloud.com/neosync/neosync_white.svg');
+      setSrc(
+        'https://assets.nucleuscloud.com/neosync/newbrand/logo_text_dark_mode.svg'
+      );
     } else {
-      setSrc('https://assets.nucleuscloud.com/neosync/neosync_black.svg');
+      setSrc(
+        'https://assets.nucleuscloud.com/neosync/newbrand/logo_and_test_light_mode.svg'
+      );
     }
   }, [resolvedTheme]);
 
@@ -27,8 +31,8 @@ export default function Logo({ className }: LogoProps) {
       src={src}
       alt="NeosyncLogo"
       className={className}
-      width={64}
-      height={20}
+      width={84}
+      height={40}
     />
   );
 }
diff --git a/frontend/components/MainNav.tsx b/frontend/components/MainNav.tsx
index 7367314c06..d2de3044a3 100644
--- a/frontend/components/MainNav.tsx
+++ b/frontend/components/MainNav.tsx
@@ -2,7 +2,6 @@
 
 import Link from 'next/link';
 
-import { siteConfig } from '@/app/config/site';
 import { cn } from '@/libs/utils';
 import { usePathname } from 'next/navigation';
 import Logo from './Logo';
@@ -22,10 +21,10 @@ export function MainNav({
   return (
     <div className="mr-4 hidden md:flex">
       <Link href="/" className="mr-6 flex items-center space-x-2">
-        <Logo className="w-5 object-scale-down" />
-        <span className="hidden font-bold sm:inline-block">
+        <Logo className="" />
+        {/* <span className="hidden font-bold sm:inline-block">
           {siteConfig.name}
-        </span>
+        </span> */}
       </Link>
       <nav
         className={cn('flex items-center space-x-4 lg:space-x-6', className)}