diff --git a/scripts/docs-site/build.mjs b/scripts/docs-site/build.mjs
index d1746ec554..5fdf516e1c 100644
--- a/scripts/docs-site/build.mjs
+++ b/scripts/docs-site/build.mjs
@@ -262,9 +262,9 @@ function writePage(page) {
function layout({ page, nav, activeTab, html, toc, prev, next }) {
const lang = htmlLang(page.locale);
const dir = rtlLocales.has(page.locale) ? "rtl" : "ltr";
- const title = `${page.title} - ${config.name}`;
+ const title = page.slug === "index" ? `${config.name} Docs` : `${page.title} - ${config.name}`;
const description = page.summary || config.description || "";
- const ogTitle = page.slug === "index" ? config.name : `${page.title} · ${config.name}`;
+ const ogTitle = page.slug === "index" ? `${config.name} Docs` : `${page.title} · ${config.name}`;
const canonicalUrl = canonicalOrigin ? `${canonicalOrigin}${pageRoute(page)}` : "";
const pageOgPath = page.locale === "en" && renderedPageOgCards.has(page.slug)
? `/og/${page.slug}.png`
diff --git a/scripts/docs-site/og-card-template.mjs b/scripts/docs-site/og-card-template.mjs
index 780cd0a53f..b8868010f1 100644
--- a/scripts/docs-site/og-card-template.mjs
+++ b/scripts/docs-site/og-card-template.mjs
@@ -70,24 +70,20 @@ function baselineY(blockTop, size, lineIndex) {
function defs() {
return `
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
`;
}
diff --git a/scripts/docs-site/og-card.png b/scripts/docs-site/og-card.png
index 30d8bf1486..dd1c3b110a 100644
Binary files a/scripts/docs-site/og-card.png and b/scripts/docs-site/og-card.png differ
diff --git a/scripts/docs-site/og-card.svg b/scripts/docs-site/og-card.svg
index 126ef82233..16770dc14c 100644
--- a/scripts/docs-site/og-card.svg
+++ b/scripts/docs-site/og-card.svg
@@ -1,57 +1,19 @@