diff --git a/bun.lock b/bun.lock
index 61719dd..fc75cf3 100644
--- a/bun.lock
+++ b/bun.lock
@@ -50,6 +50,7 @@
         "@effect/platform": "^0.90.9",
         "@effect/platform-browser": "^0.70.0",
         "@effect/rpc": "^0.69.2",
+        "@fontsource/work-sans": "^5.2.8",
         "@tanstack/react-router": "^1.131.48",
         "@website/common": "workspace:*",
         "class-variance-authority": "^0.7.1",
@@ -249,6 +250,8 @@
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.3.5", "", { "dependencies": { "@eslint/core": "^0.15.2", "levn": "^0.4.1" } }, "sha512-Z5kJ+wU3oA7MMIqVR9tyZRtjYPr4OC004Q4Rw7pgOKUOKkJfZ3O24nz3WYfGRpMDNmcOi3TwQOmgm7B7Tpii0w=="],
 
+    "@fontsource/work-sans": ["@fontsource/work-sans@5.2.8", "", {}, "sha512-6LaHjVVgts+rnrcqvEkP2+iUB/jw1oDSYsGO0+TltAhnWki9Hnf/UGpgMQh2jcm0GEH8VqCPnq4PpmHLFzxXtQ=="],
+
     "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
     "@humanfs/node": ["@humanfs/node@0.16.7", "", { "dependencies": { "@humanfs/core": "^0.19.1", "@humanwhocodes/retry": "^0.4.0" } }, "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ=="],
diff --git a/packages/webapp/package.json b/packages/webapp/package.json
index 57a9b9e..7cb9c3d 100644
--- a/packages/webapp/package.json
+++ b/packages/webapp/package.json
@@ -17,6 +17,7 @@
     "@effect/platform": "^0.90.9",
     "@effect/platform-browser": "^0.70.0",
     "@effect/rpc": "^0.69.2",
+    "@fontsource/work-sans": "^5.2.8",
     "@tanstack/react-router": "^1.131.48",
     "@website/common": "workspace:*",
     "class-variance-authority": "^0.7.1",
diff --git a/packages/webapp/src/index.css b/packages/webapp/src/index.css
index ac87d7a..14f55ae 100644
--- a/packages/webapp/src/index.css
+++ b/packages/webapp/src/index.css
@@ -1,6 +1,7 @@
 /** biome-ignore-all lint/suspicious/noUnknownAtRules: Tailwind */
 @import "tailwindcss";
 @import "tw-animate-css";
+@import "@fontsource/work-sans";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -153,3 +154,7 @@
     @apply bg-background text-foreground;
   }
 }
+
+body {
+  font-family: "Work Sans", sans-serif;
+}