diff --git a/README.md b/README.md
index 14d581ff..72c2de0d 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# BMad Method
+![BMad Method](banner-bmad-method.png)
 
 [![Version](https://img.shields.io/npm/v/bmad-method?color=blue&label=version)](https://www.npmjs.com/package/bmad-method)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](LICENSE)
diff --git a/Wordmark.png b/Wordmark.png
new file mode 100644
index 00000000..b596d0bc
Binary files /dev/null and b/Wordmark.png differ
diff --git a/banner-bmad-method.png b/banner-bmad-method.png
new file mode 100644
index 00000000..c0c3fc34
Binary files /dev/null and b/banner-bmad-method.png differ
diff --git a/docs/tutorials/getting-started/tea-lite-quickstart.md b/docs/tutorials/getting-started/tea-lite-quickstart.md
index 93aed59c..839c06ac 100644
--- a/docs/tutorials/getting-started/tea-lite-quickstart.md
+++ b/docs/tutorials/getting-started/tea-lite-quickstart.md
@@ -13,17 +13,15 @@ By the end of this 30-minute tutorial, you'll have:
 - Passing tests for an existing demo app feature
 
 :::note[Prerequisites]
-- Node.js installed (v18 or later)
+- Node.js installed (v20 or later)
 - 30 minutes of focused time
-
-- We'll use TodoMVC (<https://todomvc.com/examples/react/dist/>) as our demo app
+- We'll use TodoMVC (<https://todomvc.com/examples/react/>) as our demo app
 :::
 
 :::tip[Quick Path]
 Load TEA (`*tea`) → scaffold framework (`*framework`) → create test plan (`*test-design`) → generate tests (`*automate`) → run with `npx playwright test`.
 :::
 
-
 ## TEA Approaches Explained
 
 Before we start, understand the three ways to use TEA:
diff --git a/website/astro.config.mjs b/website/astro.config.mjs
index 20c53b57..e7b111fe 100644
--- a/website/astro.config.mjs
+++ b/website/astro.config.mjs
@@ -38,8 +38,10 @@ export default defineConfig({
       tagline: 'AI-driven agile development with specialized agents and workflows that scale from bug fixes to enterprise platforms.',
 
       logo: {
-        src: './public/img/logo.svg',
-        alt: 'BMAD Logo',
+        light: './public/img/bmad-light.png',
+        dark: './public/img/bmad-dark.png',
+        alt: 'BMAD Method',
+        replacesTitle: true,
       },
       favicon: '/favicon.ico',
 
diff --git a/website/public/img/bmad-dark.png b/website/public/img/bmad-dark.png
new file mode 100644
index 00000000..7a12fe55
Binary files /dev/null and b/website/public/img/bmad-dark.png differ
diff --git a/website/public/img/bmad-light.png b/website/public/img/bmad-light.png
new file mode 100644
index 00000000..6da291c2
Binary files /dev/null and b/website/public/img/bmad-light.png differ
diff --git a/website/src/styles/custom.css b/website/src/styles/custom.css
index a232f5ec..70688aa2 100644
--- a/website/src/styles/custom.css
+++ b/website/src/styles/custom.css
@@ -222,6 +222,8 @@ header.header .header.sl-flex {
 
 .site-title {
   font-weight: 700;
+  margin-left: 0;
+  padding-left: 0;
 }
 
 /* Logo sizing - constrain to reasonable size */
@@ -470,14 +472,14 @@ footer {
 /* Responsive padding on navbar row only - banner stays full-width */
 @media (min-width: 50rem) {
   header.header .header.sl-flex {
-    padding-left: 2.5rem;
+    padding-left: 1rem;
     padding-right: 2.5rem;
   }
 }
 
 @media (min-width: 72rem) {
   header.header .header.sl-flex {
-    padding-left: 3rem;
+    padding-left: 1rem;
     padding-right: 3rem;
   }
 }