From bf3df519e437156268477a9a3974fc770b8ced4c Mon Sep 17 00:00:00 2001
From: Nicholas Kissel <Nicholas.kissel@icloud.com>
Date: Mon, 9 Mar 2026 17:20:47 -0700
Subject: [PATCH] feat: switch website and inspector fonts to Manrope to match
 Rivet.dev

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/packages/inspector/index.html             | 4 ++--
 frontend/packages/website/src/layouts/Layout.astro | 8 ++------
 frontend/packages/website/src/styles/global.css    | 2 +-
 frontend/packages/website/tailwind.config.mjs      | 4 ++--
 4 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/frontend/packages/inspector/index.html b/frontend/packages/inspector/index.html
index aeec796..f02e039 100644
--- a/frontend/packages/inspector/index.html
+++ b/frontend/packages/inspector/index.html
@@ -8,7 +8,7 @@
     <!-- Preconnect to font providers -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    <link href="https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap" rel="stylesheet" />
     <style>
       :root {
         color-scheme: dark;
@@ -51,7 +51,7 @@
 
       body {
         color: var(--text);
-        font-family: 'Open Sans', system-ui, sans-serif;
+        font-family: 'Manrope', system-ui, sans-serif;
         font-size: 13px;
         line-height: 1.5;
         -webkit-font-smoothing: antialiased;
diff --git a/frontend/packages/website/src/layouts/Layout.astro b/frontend/packages/website/src/layouts/Layout.astro
index 25683cd..2533f05 100644
--- a/frontend/packages/website/src/layouts/Layout.astro
+++ b/frontend/packages/website/src/layouts/Layout.astro
@@ -46,13 +46,9 @@ const structuredData = {
     <!-- Preconnect to font providers -->
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <link rel="preconnect" href="https://api.fontshare.com" crossorigin />
 
-    <!-- Satoshi for headings (from Fontshare) -->
-    <link href="https://api.fontshare.com/v2/css?f[]=satoshi@700,900&display=swap" rel="stylesheet" />
-
-    <!-- Open Sans + JetBrains Mono (from Google Fonts) -->
-    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Open+Sans:wght@400;500;600;700&display=swap" rel="stylesheet" />
+    <!-- Manrope + JetBrains Mono (from Google Fonts) -->
+    <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
 
     <title>{title}</title>
 
diff --git a/frontend/packages/website/src/styles/global.css b/frontend/packages/website/src/styles/global.css
index 6f4187e..86f5549 100644
--- a/frontend/packages/website/src/styles/global.css
+++ b/frontend/packages/website/src/styles/global.css
@@ -35,7 +35,7 @@
 
   body {
     @apply bg-black text-white antialiased;
-    font-family: 'Open Sans', system-ui, sans-serif;
+    font-family: 'Manrope', system-ui, sans-serif;
   }
 
   /* Text selection - matches rivet.dev */
diff --git a/frontend/packages/website/tailwind.config.mjs b/frontend/packages/website/tailwind.config.mjs
index 168c2ff..0a5ec14 100644
--- a/frontend/packages/website/tailwind.config.mjs
+++ b/frontend/packages/website/tailwind.config.mjs
@@ -18,8 +18,8 @@ export default {
         'code-comment': '#737373',
       },
       fontFamily: {
-        sans: ['Open Sans', 'system-ui', 'sans-serif'],
-        heading: ['Satoshi', 'Open Sans', 'system-ui', 'sans-serif'],
+        sans: ['Manrope', 'system-ui', 'sans-serif'],
+        heading: ['Manrope', 'system-ui', 'sans-serif'],
         mono: ['JetBrains Mono', 'monospace'],
       },
       animation: {