speakeasy-api · chailandau · Jul 31, 2025 · Jul 31, 2025 · Jul 31, 2025
diff --git a/README.md b/README.md
@@ -1,15 +1,11 @@
 <div align="center">
  <a href="https://www.speakeasy.com/" target="_blank">
-   <picture>
-       <source media="(prefers-color-scheme: light)" srcset="https://github.com/user-attachments/assets/21dd5d3a-aefc-4cd3-abee-5e17ef1d4dad">
-       <source media="(prefers-color-scheme: dark)" srcset="https://github.com/user-attachments/assets/0a747f98-d228-462d-9964-fd87bf93adc5">
-       <img width="100px" src="https://github.com/user-attachments/assets/21dd5d3a-aefc-4cd3-abee-5e17ef1d4dad#gh-light-mode-only" alt="Speakeasy">
-   </picture>
+  <img width="1500" height="500" alt="Speakeasy" src="https://github.com/user-attachments/assets/0e56055b-02a3-4476-9130-4be299e5a39c" />
  </a>
-  <h1>Speakeasy</h1>
-  <p>Build APIs your users love ❤️ with Speakeasy</p>
+ <br />
+ <br />
   <div>
-   <a href="https://speakeasy.com/docs/create-client-sdks/" target="_blank"><b>Docs Quickstart</b></a>&nbsp;&nbsp;//&nbsp;&nbsp;<a href="https://join.slack.com/t/speakeasy-dev/shared_invite/zt-1cwb3flxz-lS5SyZxAsF_3NOq5xc8Cjw" target="_blank"><b>Join us on Slack</b></a>
+   <a href="https://speakeasy.com/docs/create-client-sdks/" target="_blank"><b>Docs Quickstart</b></a>&nbsp;&nbsp;//&nbsp;&nbsp;<a href="https://go.speakeasy.com/slack" target="_blank"><b>Join us on Slack</b></a>
   </div>
  <br />
 
@@ -225,4 +221,4 @@ This application is included in the [speakeasy](https://github.com/speakeasy-api
 
 ## Contributing
 
-We welcome contributions to this repository! Please open a Github issue or a Pull Request if you have an implementation for a bug fix or feature. This repository is compliant with the [jsonpath standard compliance test suite](https://github.com/jsonpath-standard/jsonpath-compliance-test-suite/tree/9277705cda4489c3d0d984831e7656e48145399b) 
+We welcome contributions to this repository! Please open a Github issue or a Pull Request if you have an implementation for a bug fix or feature. This repository is compliant with the [jsonpath standard compliance test suite](https://github.com/jsonpath-standard/jsonpath-compliance-test-suite/tree/9277705cda4489c3d0d984831e7656e48145399b)
diff --git a/web/index.html b/web/index.html
@@ -1,21 +1,18 @@
 <!doctype html>
 <html lang="en" class="dark">
-  <head>
-    <%- injectScriptHead %>
+
+<head>
+  <%- injectScriptHead %>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta property="og:title" content="OpenAPI Overlay Playground | Speakeasy">
     <meta property="og:description" content="A tool to visualize and generate OpenAPI Overlays">
     <meta property="og:url" content="https://overlay.speakeasy.com">
-    <meta content="/og-image-600x900.png" property="og:image" />
+    <meta content="/opengraph-image.png" property="og:image" />
     <meta content="Speakeasy" property="og:image:alt" />
-    <meta content="600" property="og:image:height" />
-    <meta content="900" property="og:image:width" />
-    <meta content="/og-image-2000x1333.png" property="og:image" />
-    <meta content="Speakeasy" property="og:image:alt" />
-    <meta content="1333" property="og:image:height" />
-    <meta content="2000" property="og:image:width" />
+    <meta content="1200" property="og:image:height" />
+    <meta content="642" property="og:image:width" />
     <title>OpenAPI Overlay Playground</title>
     <style>
       body {
@@ -24,9 +21,11 @@
         padding: 0;
       }
     </style>
-  </head>
-  <body>
-    <%- injectScriptBody %>
+</head>
+
+<body>
+  <%- injectScriptBody %>
     <div id="root"></div>
-  </body>
-</html>
+</body>
+
+</html>
diff --git a/web/public/favicon.ico b/web/public/favicon.ico
diff --git a/web/public/og-image-2000x1333.png b/web/public/og-image-2000x1333.png
diff --git a/web/public/og-image-600x900.png b/web/public/og-image-600x900.png
diff --git a/web/public/opengraph-image.png b/web/public/opengraph-image.png
diff --git a/web/src/Playground.tsx b/web/src/Playground.tsx
@@ -399,7 +399,8 @@ function Playground() {
                   .
                 </p>
                 <p className="text-sm text-muted-foreground pt-2">
-                  (Upload an OpenAPI spec and track edits as an overlay or write an overlay directly)
+                  (Upload an OpenAPI spec and track edits as an overlay or write
+                  an overlay directly)
                 </p>
               </div>
             </div>
@@ -411,7 +412,7 @@ function Playground() {
                       Made by the team at
                       <div className="sr-only ml-2">Speakeasy</div>
                       <img
-                        className="inline-block h-3 w-auto align-baseline ml-2"
+                        className="inline-block h-5 w-auto  ml-2"
                         src={speakeasyWhiteLogo}
                         alt=""
                       />

diff --git a/web/src/assets/speakeasy-black.svg b/web/src/assets/speakeasy-black.svg