diff --git a/scripts/generate-og.ts b/scripts/generate-og.ts
new file mode 100644
index 0000000..cb3c84f
--- /dev/null
+++ b/scripts/generate-og.ts
@@ -0,0 +1,54 @@
+import { SchemeTonalSpot, Hct } from "@material/material-color-utilities";
+
+const sourceColors: number[] = [];
+for (let h = 0; h < 360; h += 30) {
+ sourceColors.push(Hct.from(h, 50, 60).toInt());
+}
+
+const schemeColors = ["primary", "secondary", "tertiary"] as const;
+
+const width = 1280;
+const height = 640;
+const dotSize = 16;
+const xSpacing = width / (sourceColors.length + 1);
+const ySpacing = height / (schemeColors.length + 1);
+
+let svg = ``;
+
+await Deno.writeTextFile("static/og.svg", svg);
diff --git a/src/app.html b/src/app.html
index 00f0409..c165257 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,6 +2,7 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ M3 Svelte
+
\ No newline at end of file