diff --git a/packages/genji-docs/.vitepress/config.mjs b/packages/genji-docs/.vitepress/config.mjs
index 3051586..0e6d9cd 100644
--- a/packages/genji-docs/.vitepress/config.mjs
+++ b/packages/genji-docs/.vitepress/config.mjs
@@ -20,7 +20,7 @@ export default defineConfig({
         ],
       },
     ],
-
+    logo: "/logo.png",
     socialLinks: [
       { icon: "github", link: "https://github.com/vuejs/vitepress" },
     ],
diff --git a/packages/genji-docs/.vitepress/theme/custom.css b/packages/genji-docs/.vitepress/theme/custom.css
new file mode 100644
index 0000000..eaef9c1
--- /dev/null
+++ b/packages/genji-docs/.vitepress/theme/custom.css
@@ -0,0 +1,27 @@
+:root {
+  --vp-c-indigo-1: #50a752;
+  --vp-c-indigo-3: #a7eb4f;
+  --vp-c-indigo-2: #92dba6;
+  --vp-home-hero-image-filter: blur(68px);
+}
+
+:root {
+  --vp-home-hero-name-background: -webkit-linear-gradient(
+    120deg,
+    #a7eb4f 30%,
+    #50a752
+  );
+  --vp-home-hero-image-background-image: linear-gradient(
+    -45deg,
+    #a7eb4f 50%,
+    #50a752 50%
+  );
+  --vp-home-hero-name-color: transparent;
+}
+
+.clip {
+  background: var(--vp-home-hero-name-background) !important;
+  -webkit-background-clip: text !important;
+  background-clip: text !important;
+  -webkit-text-fill-color: var(--vp-home-hero-name-color) !important;
+}
diff --git a/packages/genji-docs/.vitepress/theme/index.js b/packages/genji-docs/.vitepress/theme/index.js
new file mode 100644
index 0000000..c495bc1
--- /dev/null
+++ b/packages/genji-docs/.vitepress/theme/index.js
@@ -0,0 +1,4 @@
+import DefaultTheme from "vitepress/theme";
+import "./custom.css";
+
+export default DefaultTheme;
diff --git a/packages/genji-docs/index.md b/packages/genji-docs/index.md
index 92d9ca5..72b822a 100644
--- a/packages/genji-docs/index.md
+++ b/packages/genji-docs/index.md
@@ -5,7 +5,10 @@ layout: home
 hero:
   name: "Genji"
   text: "The interactive Markdown extension"
-  tagline: Create interactive documents with just Markdown.
+  tagline: Author interactive documents with just Markdown.
+  image:
+    src: /logo.png
+    alt: Genji
   actions:
     - theme: brand
       text: Get Started
@@ -16,9 +19,12 @@ hero:
 
 features:
   - title: Executable code blocks
+    icon: 📝
     details: Code blocks in Markdown are executable, allowing them to display their evaluated values, which can then be referenced by other code blocks.
   - title: Interactive via reactivity
+    icon: 🧲
     details: Built-in inputs and custom reactive variables can be defined to capture user input, triggering a re-render of the code blocks that reference them.
   - title: Compatible with popular SSG frameworks
-    details: Themes and plugins are available for integrating Genji into popular SSG frameworks, embracing their features and ensuring seamless experience with existing tools.
+    icon: 🌍
+    details: Themes and plugins are available for integrating Genji into popular SSG frameworks, embracing their features and ensuring seamless experience with them.
 ---
diff --git a/packages/genji-docs/package.json b/packages/genji-docs/package.json
index ccc589b..deca192 100644
--- a/packages/genji-docs/package.json
+++ b/packages/genji-docs/package.json
@@ -11,5 +11,6 @@
   "license": "MIT",
   "devDependencies": {
     "vitepress": "^1.0.0-rc.44"
-  }
-}
+  },
+  "repository": "git@github.com:pearmini/genji-notebook.git"
+}
\ No newline at end of file
diff --git a/packages/genji-docs/public/logo.png b/packages/genji-docs/public/logo.png
new file mode 100644
index 0000000..25d33ae
Binary files /dev/null and b/packages/genji-docs/public/logo.png differ