diff --git a/examples/basic/chronicle.yaml b/examples/basic/chronicle.yaml
index adcad3af..b56727ea 100644
--- a/examples/basic/chronicle.yaml
+++ b/examples/basic/chronicle.yaml
@@ -4,12 +4,17 @@ site:
 
 url: https://docs.example.com
 
+logo:
+  light: /logo.svg
+  dark: /logo.svg
+
 content:
   - dir: docs
     label: Docs
+    icon: /icons/docs.svg
 
 theme:
-  name: paper
+  name: default
 
 search:
   enabled: true
diff --git a/examples/basic/public/icons/docs.svg b/examples/basic/public/icons/docs.svg
new file mode 100644
index 00000000..ad1179fb
--- /dev/null
+++ b/examples/basic/public/icons/docs.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+  <path d="M2.5 2h8l3 3v9H2.5z"/>
+  <path d="M5 9h6M5 11.5h4"/>
+</svg>
diff --git a/examples/basic/public/logo.svg b/examples/basic/public/logo.svg
new file mode 100644
index 00000000..49180d23
--- /dev/null
+++ b/examples/basic/public/logo.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
+  <rect width="32" height="32" rx="6" fill="#4F46E5"/>
+  <path d="M8 12h16M8 16h12M8 20h8" stroke="white" stroke-width="2" stroke-linecap="round"/>
+</svg>
diff --git a/packages/chronicle/src/server/vite-config.ts b/packages/chronicle/src/server/vite-config.ts
index 6262b1d4..5ce7df6e 100644
--- a/packages/chronicle/src/server/vite-config.ts
+++ b/packages/chronicle/src/server/vite-config.ts
@@ -48,6 +48,7 @@ export async function createViteConfig(
 
   return {
     root: packageRoot,
+    publicDir: path.resolve(projectRoot, 'public'),
     configFile: false,
     plugins: [
       nitro({
@@ -131,6 +132,7 @@ export async function createViteConfig(
     },
     nitro: {
       logLevel: 2,
+      publicAssets: [{ dir: path.resolve(projectRoot, 'public') }],
       output: {
         dir: resolveOutputDir(projectRoot, preset),
       },