diff --git a/client/index.html b/client/index.html
index 3269aca..438d2a6 100644
--- a/client/index.html
+++ b/client/index.html
@@ -4,6 +4,9 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <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=Inter:wght@300;400;500;600;700&family=Sekuya:wght@300;400;500;600;700&display=swap" rel="stylesheet">
     <title>client</title>
   </head>
   <body>
diff --git a/client/src/App.tsx b/client/src/App.tsx
index a1a09dd..a566071 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -13,7 +13,7 @@ function App() {
 
   return (
     <div className="flex flex-col min-h-200 justify-center items-center">
-      <h1 className="text-4xl mt-7 font-bold text-white">{content.heading}</h1>
+      <h1 className="text-4xl mt-7 font-bold text-white font-heading">{content.heading}</h1>
       <div className="text-sm mt-3 text-gray-400">
         <p>{content.subtitle}</p>
       </div>
diff --git a/client/src/index.css b/client/src/index.css
index 60259be..c69da88 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -14,8 +14,8 @@
   --shadow:
     rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
 
-  --sans: system-ui, "Segoe UI", Roboto, sans-serif;
-  --heading: system-ui, "Segoe UI", Roboto, sans-serif;
+  --sans: "Inter", system-ui, "Segoe UI", Roboto, sans-serif;
+  --heading: "Sekuya", system-ui, "Segoe UI", Roboto, sans-serif;
   --mono: ui-monospace, Consolas, monospace;
 
   font: 18px/145% var(--sans);
diff --git a/client/src/tokens.css b/client/src/tokens.css
index c84be43..419b8a1 100644
--- a/client/src/tokens.css
+++ b/client/src/tokens.css
@@ -1,4 +1,9 @@
 @theme {
+  /* Font tokens */
+  --font-sans: "Inter", system-ui, sans-serif;
+  --font-heading: "Sekuya", system-ui, sans-serif;
+  --font-display: "Sekuya", system-ui, serif;
+
   /* Color tokens (ask Andrew!!) */
 
   --color-foreground-primary: var(--color-gray-800);