diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs
index 2606a06a..60ba559c 100644
--- a/docs/.vitepress/config.mjs
+++ b/docs/.vitepress/config.mjs
@@ -7,6 +7,7 @@ export default defineConfig({
   description: "The JavaScript library for expressive creative coding",
   cleanUrls: true,
   extends: config,
+  head: [["link", { rel: "icon", type: "image/png", href: "/logo.png" }]],
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config
     nav: [
@@ -27,5 +28,6 @@ export default defineConfig({
       },
     ],
     socialLinks: [{icon: "github", link: "https://github.com/charming-art/charming"}],
+    logo: "/logo.svg",
   },
 });
diff --git a/docs/.vitepress/theme/custom.css b/docs/.vitepress/theme/custom.css
new file mode 100644
index 00000000..9b56c6e2
--- /dev/null
+++ b/docs/.vitepress/theme/custom.css
@@ -0,0 +1,10 @@
+:root {
+  --vp-home-hero-name-background: -webkit-linear-gradient(315deg, #00adb5 25%, #393e46);
+  --vp-home-hero-name-color: transparent;
+}
+
+:root {
+  --vp-c-indigo-1: #005559;
+  --vp-c-indigo-2: #00797f;
+  --vp-c-indigo-3: #00adb5;
+}
diff --git a/docs/.vitepress/theme/index.js b/docs/.vitepress/theme/index.js
index 384fd1d0..a7adf6f4 100644
--- a/docs/.vitepress/theme/index.js
+++ b/docs/.vitepress/theme/index.js
@@ -2,6 +2,7 @@ import DefaultTheme from "vitepress/theme";
 import Layout from "genji-theme-vitepress";
 import {h} from "vue";
 import * as cm from "../../../src/index.js";
+import "./custom.css";
 
 // More props: https://genji-md.dev/reference/props
 const props = {
diff --git a/docs/index.md b/docs/index.md
index 3d13147d..ecee6890 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -5,6 +5,9 @@ hero:
   name: "Charming"
   text: "The JavaScript library for reactive SVG manipulation"
   tagline: "Craft dynamic and expressive SVGs with minimal effort"
+  image:
+    src: /logo.svg
+    alt: Charming
   actions:
     - theme: brand
       text: Get Started
diff --git a/docs/public/logo.png b/docs/public/logo.png
new file mode 100644
index 00000000..6d3d8064
Binary files /dev/null and b/docs/public/logo.png differ
diff --git a/docs/public/logo.svg b/docs/public/logo.svg
new file mode 100644
index 00000000..b892ad03
--- /dev/null
+++ b/docs/public/logo.svg
@@ -0,0 +1 @@
+<svg width="640" height="640" viewBox="-320,-320,640,640" xmlns="http://www.w3.org/2000/svg"><path d="M225.567,225.567A319,319,0,1,1,225.567,-225.567L151.604,-151.604A214.4,214.4,0,1,0,151.604,151.604Z" fill="#00ADB5"></path><path d="M151.604,151.604A214.4,214.4,0,1,1,151.604,-151.604L74.67,-74.67A105.6,105.6,0,1,0,74.67,74.67Z" fill="#393E46"></path><path d="M-76.933,76.933A108.8,108.8,0,0,1,-76.933,-76.933L0,0Z" fill="#393E46"></path></svg>
\ No newline at end of file