diff --git a/README.md b/README.md
index c622e92fee6a..f70eca4f59ae 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 <div align="center">
 
-# codename goose
+# goose
 
 _a local, extensible, open source AI agent that automates engineering tasks_
 
diff --git a/documentation/docusaurus.config.ts b/documentation/docusaurus.config.ts
index 592ec2468b24..c5a739d47fe2 100644
--- a/documentation/docusaurus.config.ts
+++ b/documentation/docusaurus.config.ts
@@ -12,9 +12,9 @@ const inkeepIntegrationId = process.env.INKEEP_INTEGRATION_ID;
 const inkeepOrgId = process.env.INKEEP_ORG_ID;
 
 const config: Config = {
-  title: "codename goose",
+  title: "goose",
   tagline:
-    "your local AI agent, automating engineering tasks seamlessly.",
+    "your local AI agent, automating engineering tasks seamlessly",
   favicon: "img/favicon.ico",
 
   // Set the production url of your site here
diff --git a/documentation/src/components/GooseLogo.tsx b/documentation/src/components/GooseLogo.tsx
new file mode 100644
index 000000000000..7e0e40977ab1
--- /dev/null
+++ b/documentation/src/components/GooseLogo.tsx
@@ -0,0 +1,20 @@
+import { useColorMode } from '@docusaurus/theme-common';
+
+export const GooseLogo = (props: { className?: string }) => {
+  const { colorMode } = useColorMode();
+  
+  const logoSrc = colorMode === 'dark' 
+    ? 'img/goose-logo-white.png' 
+    : 'img/goose-logo-black.png';
+  
+  const logoAlt = 'goose logo';
+
+  return (
+    <img
+      src={logoSrc}
+      alt={logoAlt}
+      className={props.className}
+      style={{ height: 'auto', maxWidth: '100%' }}
+    />
+  );
+};
diff --git a/documentation/src/css/custom.css b/documentation/src/css/custom.css
index 436711eab86d..3e637240abec 100644
--- a/documentation/src/css/custom.css
+++ b/documentation/src/css/custom.css
@@ -241,9 +241,10 @@ html {
   padding-top: 24px;
 }
 
-.hero--logo svg {
-  height: 220px;
-  width: 220px;
+.hero--logo {
+  display: 'flex';
+  justify-content: 'center';
+  margin-bottom: '1rem' 
 }
 
 .pill-button {
diff --git a/documentation/src/pages/index.tsx b/documentation/src/pages/index.tsx
index ea0eafdfd6fa..b49b0d2e19c0 100644
--- a/documentation/src/pages/index.tsx
+++ b/documentation/src/pages/index.tsx
@@ -5,7 +5,7 @@ import Layout from "@theme/Layout";
 import HomepageFeatures from "@site/src/components/HomepageFeatures";
 
 import styles from "./index.module.css";
-import { GooseWordmark } from "../components/gooseWordmark";
+import { GooseLogo } from "../components/GooseLogo";
 
 function HomepageHeader() {
   const { siteConfig } = useDocusaurusContext();
@@ -14,7 +14,7 @@ function HomepageHeader() {
       <div className={styles.wrapper}>
         <div className={styles.textColumn}>
           <div className="hero--logo">
-            <GooseWordmark />
+            <GooseLogo />
           </div>
           <p className={styles.subtitle}>{siteConfig.tagline}</p>
           <Link className="button button--primary button--lg" to="docs/getting-started/installation">
@@ -38,9 +38,8 @@ function HomepageHeader() {
 
 
 export default function Home(): ReactNode {
-  const { siteConfig } = useDocusaurusContext();
   return (
-    <Layout title={`${siteConfig.title}`} description="Your open source AI agent, automating engineering tasks seamlessly.">
+    <Layout description="your open source AI agent, automating engineering tasks seamlessly">
       <HomepageHeader />
       <main>
         <HomepageFeatures />
diff --git a/documentation/static/img/goose-logo-black.png b/documentation/static/img/goose-logo-black.png
new file mode 100644
index 000000000000..eda539d2ab49
Binary files /dev/null and b/documentation/static/img/goose-logo-black.png differ
diff --git a/documentation/static/img/goose-logo-white.png b/documentation/static/img/goose-logo-white.png
new file mode 100644
index 000000000000..821d4f35016f
Binary files /dev/null and b/documentation/static/img/goose-logo-white.png differ