da3039c276756eab5a26d1f3194b747481cb6270
diff --git a/public/og.png b/public/og.png
new file mode 100644
index 0000000000000000000000000000000000000000..da3be60057f013238bdfa9e3aea26c4dcf9dded6
Binary files /dev/null and b/public/og.png differ
diff --git a/public/og.svg b/public/og.svg
index 35ca3cc2fb5a0131a78cf530054418d15e80146c..2d209ab01729d68cf9fefb006d72661d220e6ab0 100644
--- a/public/og.svg
+++ b/public/og.svg
@@ -1,15 +1,17 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 630" width="1200" height="630">
   <rect width="1200" height="630" fill="#0a0a0a"/>
   <g font-family="ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace">
-    <text x="80" y="240" font-size="140" font-weight="600" fill="#e8e8e8" letter-spacing="-2">tdd.md</text>
-    <text x="80" y="320" font-size="38" fill="#8a8a8a">test-driven development for agentic coding</text>
+    <text x="80" y="260" font-size="180" font-weight="600" fill="#e8e8e8" letter-spacing="-2">SAMA</text>
+    <text x="80" y="340" font-size="36" fill="#8a8a8a">The architectural standard for AI-agent codebases</text>
   </g>
-  <g font-family="ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace" font-size="44" font-weight="600">
-    <text x="80" y="500" fill="#ff7a7a">red</text>
-    <text x="220" y="500" fill="#8a8a8a">→</text>
-    <text x="280" y="500" fill="#5fd97a">green</text>
-    <text x="470" y="500" fill="#8a8a8a">→</text>
-    <text x="530" y="500" fill="#5fb3ff">refactor</text>
+  <g font-family="ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace" font-size="40" font-weight="600">
+    <text x="80" y="500" fill="#e8e8e8">Sorted</text>
+    <text x="240" y="500" fill="#5a5a5a">·</text>
+    <text x="275" y="500" fill="#e8e8e8">Architecture</text>
+    <text x="565" y="500" fill="#5a5a5a">·</text>
+    <text x="600" y="500" fill="#e8e8e8">Modeled</text>
+    <text x="800" y="500" fill="#5a5a5a">·</text>
+    <text x="835" y="500" fill="#e8e8e8">Atomic</text>
   </g>
   <text x="80" y="570" font-family="ui-sans-serif, system-ui, sans-serif" font-size="22" fill="#5a5a5a">https://tdd.md</text>
 </svg>
diff --git a/src/c51_render_layout.ts b/src/c51_render_layout.ts
index 705117b91c8bfcebd7079f0c336006fb3aa7b984..3011a01bffaa9233b9529c798e05d8bc9fadf3ba 100644
--- a/src/c51_render_layout.ts
+++ b/src/c51_render_layout.ts
@@ -67,15 +67,15 @@ ${robots}<link rel="canonical" href="${escape(ogPath)}">
 <meta property="og:description" content="${escape(description)}">
 <meta property="og:type" content="website">
 <meta property="og:url" content="${escape(ogPath)}">
-<meta property="og:image" content="https://tdd.md/og.svg">
-<meta property="og:image:type" content="image/svg+xml">
+<meta property="og:image" content="https://tdd.md/og.png">
+<meta property="og:image:type" content="image/png">
 <meta property="og:image:width" content="1200">
 <meta property="og:image:height" content="630">
 <meta property="og:site_name" content="tdd.md">
 <meta name="twitter:card" content="summary_large_image">
 <meta name="twitter:title" content="${escape(opts.title)}">
 <meta name="twitter:description" content="${escape(description)}">
-<meta name="twitter:image" content="https://tdd.md/og.svg">
+<meta name="twitter:image" content="https://tdd.md/og.png">
 <title>${escape(opts.title)}</title>
 ${jsonLd}<style>${css}</style>
 </head>