diff --git a/packages/chronicle/src/fonts/Inter-Regular.ttf b/packages/chronicle/src/fonts/Inter-Regular.ttf
new file mode 100644
index 00000000..ce097c82
Binary files /dev/null and b/packages/chronicle/src/fonts/Inter-Regular.ttf differ
diff --git a/packages/chronicle/src/pages/DocsPage.tsx b/packages/chronicle/src/pages/DocsPage.tsx
index 2052cc7f..fdad2357 100644
--- a/packages/chronicle/src/pages/DocsPage.tsx
+++ b/packages/chronicle/src/pages/DocsPage.tsx
@@ -38,7 +38,8 @@ export function DocsPage({ slug }: DocsPageProps) {
           '@type': 'Article',
           headline: page.frontmatter.title,
           description: page.frontmatter.description,
-          ...(pageUrl && { url: pageUrl })
+          ...(pageUrl && { url: pageUrl }),
+          ...(page.frontmatter.lastModified && { dateModified: new Date(page.frontmatter.lastModified).toISOString() }),
         }}
       />
       <Page
diff --git a/packages/chronicle/src/pages/LandingPage.tsx b/packages/chronicle/src/pages/LandingPage.tsx
index 0f4e27fa..011a765b 100644
--- a/packages/chronicle/src/pages/LandingPage.tsx
+++ b/packages/chronicle/src/pages/LandingPage.tsx
@@ -1,6 +1,7 @@
 import { FolderIcon } from '@heroicons/react/24/outline';
 import { Link as RouterLink } from 'react-router';
 import { getLandingEntries } from '@/lib/config';
+import { Head } from '@/lib/head';
 import { usePageContext } from '@/lib/page-context';
 import styles from './LandingPage.module.css';
 
@@ -13,6 +14,12 @@ export function LandingPage() {
     : `${config.site.title} — ${versionLabel(config, version.dir)}`;
 
   return (
+    <>
+      <Head
+        title={version.dir ? `${config.site.title} — ${versionLabel(config, version.dir)}` : 'Documentation'}
+        description={config.site.description}
+        config={config}
+      />
     <div className={styles.root}>
       <div className={styles.header}>
         <h1 className={styles.title}>{heading}</h1>
@@ -42,6 +49,7 @@ export function LandingPage() {
         ))}
       </div>
     </div>
+    </>
   );
 }
 
diff --git a/packages/chronicle/src/server/App.tsx b/packages/chronicle/src/server/App.tsx
index 9e3dd0af..f6dd2ed2 100644
--- a/packages/chronicle/src/server/App.tsx
+++ b/packages/chronicle/src/server/App.tsx
@@ -4,7 +4,6 @@ import { ThemeProvider, Skeleton, Flex } from '@raystack/apsara';
 import { lazy, Suspense } from 'react';
 import { Navigate, useLocation } from 'react-router';
 import { AnalyticsProvider } from '@/components/analytics/AnalyticsProvider';
-import { Head } from '@/lib/head';
 import { usePageContext } from '@/lib/page-context';
 import { resolveRoute, RouteType } from '@/lib/route-resolver';
 import type { ChronicleConfig } from '@/types';
@@ -69,22 +68,25 @@ function PageFallback() {
 }
 
 function RootHead({ config }: { config: ChronicleConfig }) {
-  return (
-    <Head
-      title={config.site.title}
-      description={config.site.description}
-      config={config}
-      jsonLd={
-        config.url
-          ? {
-              '@context': 'https://schema.org',
-              '@type': 'WebSite',
-              name: config.site.title,
-              description: config.site.description,
-              url: config.url
-            }
-          : undefined
+  const siteJsonLd = config.url
+    ? {
+        '@context': 'https://schema.org',
+        '@type': 'WebSite',
+        name: config.site.title,
+        description: config.site.description,
+        url: config.url,
       }
-    />
+    : null;
+
+  return (
+    <>
+      <title>{config.site.title}</title>
+      {siteJsonLd && (
+        <script
+          type='application/ld+json'
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(siteJsonLd, null, 2) }}
+        />
+      )}
+    </>
   );
 }
diff --git a/packages/chronicle/src/server/routes/og-utils.ts b/packages/chronicle/src/server/routes/og-utils.ts
new file mode 100644
index 00000000..d54c3e63
--- /dev/null
+++ b/packages/chronicle/src/server/routes/og-utils.ts
@@ -0,0 +1,32 @@
+import fs from 'node:fs/promises';
+import path from 'node:path';
+
+const MIME_MAP: Record<string, string> = {
+  '.svg': 'image/svg+xml',
+  '.png': 'image/png',
+  '.jpg': 'image/jpeg',
+  '.jpeg': 'image/jpeg',
+};
+
+export function getLogoDataUri(data: Buffer, filePath: string): string | null {
+  const ext = path.extname(filePath).toLowerCase();
+  const mime = MIME_MAP[ext];
+  if (!mime) return null;
+  return `data:${mime};base64,${data.toString('base64')}`;
+}
+
+export async function loadLogo(projectRoot: string, logoPath: string): Promise<string | null> {
+  try {
+    const filePath = path.resolve(projectRoot, 'public', logoPath.replace(/^\//, ''));
+    const data = await fs.readFile(filePath);
+    return getLogoDataUri(data, filePath);
+  } catch {
+    return null;
+  }
+}
+
+export async function loadFont(packageRoot: string): Promise<ArrayBuffer> {
+  const fontPath = path.resolve(packageRoot, 'src/fonts/Inter-Regular.ttf');
+  const buffer = await fs.readFile(fontPath);
+  return buffer.buffer.slice(buffer.byteOffset, buffer.byteOffset + buffer.byteLength);
+}
diff --git a/packages/chronicle/src/server/routes/og.test.ts b/packages/chronicle/src/server/routes/og.test.ts
new file mode 100644
index 00000000..aa6ca9cf
--- /dev/null
+++ b/packages/chronicle/src/server/routes/og.test.ts
@@ -0,0 +1,63 @@
+import { describe, expect, test } from 'bun:test';
+import path from 'node:path';
+import { getLogoDataUri, loadLogo, loadFont } from './og-utils';
+
+const PACKAGE_ROOT = path.resolve(__dirname, '../../..');
+const FIXTURES = path.resolve(__dirname, '__fixtures__');
+
+describe('getLogoDataUri', () => {
+  test('svg file returns svg mime type', () => {
+    const data = Buffer.from('<svg></svg>');
+    const result = getLogoDataUri(data, '/logo.svg');
+    expect(result).toStartWith('data:image/svg+xml;base64,');
+  });
+
+  test('png file returns png mime type', () => {
+    const data = Buffer.from('fake-png');
+    const result = getLogoDataUri(data, '/logo.png');
+    expect(result).toStartWith('data:image/png;base64,');
+  });
+
+  test('jpg file returns jpeg mime type', () => {
+    const data = Buffer.from('fake-jpg');
+    const result = getLogoDataUri(data, '/photo.jpg');
+    expect(result).toStartWith('data:image/jpeg;base64,');
+  });
+
+  test('returns null for unsupported format', () => {
+    const data = Buffer.from('fake-webp');
+    const result = getLogoDataUri(data, '/logo.webp');
+    expect(result).toBeNull();
+  });
+
+  test('encodes data as base64', () => {
+    const content = '<svg xmlns="http://www.w3.org/2000/svg"></svg>';
+    const data = Buffer.from(content);
+    const result = getLogoDataUri(data, '/icon.svg');
+    const base64 = result!.split(',')[1];
+    expect(Buffer.from(base64, 'base64').toString()).toBe(content);
+  });
+});
+
+describe('loadLogo', () => {
+  test('returns null for nonexistent file', async () => {
+    const result = await loadLogo('/nonexistent', '/logo.svg');
+    expect(result).toBeNull();
+  });
+
+  test('strips leading slash from logo path', async () => {
+    const result = await loadLogo('/nonexistent', '/nested/logo.svg');
+    expect(result).toBeNull();
+  });
+});
+
+describe('loadFont', () => {
+  test('loads Inter font from package', async () => {
+    const font = await loadFont(PACKAGE_ROOT);
+    expect(font.byteLength).toBeGreaterThan(0);
+  });
+
+  test('throws for invalid path', async () => {
+    expect(loadFont('/nonexistent')).rejects.toThrow();
+  });
+});
diff --git a/packages/chronicle/src/server/routes/og.tsx b/packages/chronicle/src/server/routes/og.tsx
index 3e1d8b5f..edee549b 100644
--- a/packages/chronicle/src/server/routes/og.tsx
+++ b/packages/chronicle/src/server/routes/og.tsx
@@ -2,23 +2,10 @@ import { defineHandler } from 'nitro';
 import React from 'react';
 import satori from 'satori';
 import { loadConfig } from '@/lib/config';
+import { loadFont, loadLogo } from './og-utils';
 
 let fontData: ArrayBuffer | null = null;
-
-async function loadFont(): Promise<ArrayBuffer> {
-  if (fontData) return fontData;
-
-  try {
-    const response = await fetch(
-      'https://fonts.gstatic.com/s/inter/v18/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfAZ9hiA.woff2'
-    );
-    fontData = await response.arrayBuffer();
-  } catch {
-    fontData = new ArrayBuffer(0);
-  }
-
-  return fontData;
-}
+let cachedLogo: string | null | undefined;
 
 export default defineHandler(async event => {
   const config = loadConfig();
@@ -26,7 +13,12 @@ export default defineHandler(async event => {
   const description = event.url.searchParams.get('description') ?? '';
   const siteName = config.site.title;
 
-  const font = await loadFont();
+  if (!fontData) fontData = await loadFont(__CHRONICLE_PACKAGE_ROOT__);
+  if (cachedLogo === undefined) {
+    cachedLogo = config.logo?.dark
+      ? await loadLogo(__CHRONICLE_PROJECT_ROOT__, config.logo.dark)
+      : null;
+  }
 
   const svg = await satori(
     <div
@@ -41,8 +33,18 @@ export default defineHandler(async event => {
         color: '#fafafa',
       }}
     >
-      <div style={{ fontSize: 24, color: '#888', marginBottom: 16 }}>
-        {siteName}
+      <div style={{ display: 'flex', alignItems: 'center', marginBottom: 16 }}>
+        {cachedLogo && (
+          <img
+            src={cachedLogo}
+            width={48}
+            height={48}
+            style={{ marginRight: 16 }}
+          />
+        )}
+        <div style={{ fontSize: 32, color: '#888' }}>
+          {siteName}
+        </div>
       </div>
       <div
         style={{
@@ -64,7 +66,7 @@ export default defineHandler(async event => {
       width: 1200,
       height: 630,
       fonts: [
-        { name: 'Inter', data: font, weight: 400, style: 'normal' as const },
+        { name: 'Inter', data: fontData, weight: 400, style: 'normal' as const },
       ],
     },
   );
diff --git a/packages/chronicle/src/server/vite-config.ts b/packages/chronicle/src/server/vite-config.ts
index 88e2346b..5cab0f35 100644
--- a/packages/chronicle/src/server/vite-config.ts
+++ b/packages/chronicle/src/server/vite-config.ts
@@ -131,6 +131,7 @@ export async function createViteConfig(
     define: {
       __CHRONICLE_CONTENT_DIR__: JSON.stringify(contentMirror),
       __CHRONICLE_PROJECT_ROOT__: JSON.stringify(projectRoot),
+      __CHRONICLE_PACKAGE_ROOT__: JSON.stringify(packageRoot),
       __CHRONICLE_CONFIG_RAW__: JSON.stringify(rawConfig),
     },
     css: {
diff --git a/packages/chronicle/src/types/globals.d.ts b/packages/chronicle/src/types/globals.d.ts
index 59d30f7c..42aade29 100644
--- a/packages/chronicle/src/types/globals.d.ts
+++ b/packages/chronicle/src/types/globals.d.ts
@@ -1,4 +1,5 @@
 // Vite build-time constants (injected via define in vite-config.ts)
 declare const __CHRONICLE_CONTENT_DIR__: string
 declare const __CHRONICLE_PROJECT_ROOT__: string
+declare const __CHRONICLE_PACKAGE_ROOT__: string
 declare const __CHRONICLE_CONFIG_RAW__: string | null
