diff --git a/apps/dashboard/src/routes/_protected/dashboard.tsx b/apps/dashboard/src/routes/_protected/dashboard.tsx
index 69804db..914ad71 100644
--- a/apps/dashboard/src/routes/_protected/dashboard.tsx
+++ b/apps/dashboard/src/routes/_protected/dashboard.tsx
@@ -40,7 +40,7 @@ function DashboardPage() {
 							</Avatar>
 							<div className="space-y-1">
 								<div className="flex items-center gap-2">
-									<CardTitle className="text-2xl tracking-tight">
+									<CardTitle className="text-xl tracking-tight sm:text-2xl">
 										Welcome, {displayName}
 									</CardTitle>
 									<Badge variant="secondary">Connected</Badge>
diff --git a/apps/dashboard/src/routes/index.tsx b/apps/dashboard/src/routes/index.tsx
index 7346b84..8f5d594 100644
--- a/apps/dashboard/src/routes/index.tsx
+++ b/apps/dashboard/src/routes/index.tsx
@@ -40,7 +40,7 @@ function Home() {
 								Circle base imported
 							</Badge>
 							<div className="space-y-3">
-								<CardTitle className="text-4xl tracking-tight sm:text-5xl">
+								<CardTitle className="text-3xl tracking-tight sm:text-4xl">
 									QuickHub, now on a shared UI foundation.
 								</CardTitle>
 								<CardDescription className="max-w-2xl text-base leading-7 text-muted-foreground">
diff --git a/apps/dashboard/src/routes/login.tsx b/apps/dashboard/src/routes/login.tsx
index 5e5910d..7bfdc72 100644
--- a/apps/dashboard/src/routes/login.tsx
+++ b/apps/dashboard/src/routes/login.tsx
@@ -23,7 +23,7 @@ function LoginPage() {
 		<main className="flex min-h-screen items-center justify-center bg-[radial-gradient(circle_at_top,_color-mix(in_oklch,_var(--color-primary)_6%,_transparent),_transparent_48%),linear-gradient(180deg,_color-mix(in_oklch,_var(--color-secondary)_65%,_white)_0%,_transparent_45%)] px-4">
 			<Card className="w-full max-w-md border-border/70 bg-background/95 shadow-sm backdrop-blur">
 				<CardHeader className="text-center">
-					<CardTitle className="text-3xl tracking-tight">
+					<CardTitle className="text-2xl tracking-tight sm:text-3xl">
 						Sign in to QuickHub
 					</CardTitle>
 					<CardDescription className="text-base">
diff --git a/packages/ui/package.json b/packages/ui/package.json
index 939bcf7..7f206a8 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -16,6 +16,8 @@
 		"format": "biome format"
 	},
 	"dependencies": {
+		"@fontsource-variable/inter": "^5.2.8",
+		"@fontsource/geist-mono": "^5.2.7",
 		"@radix-ui/react-alert-dialog": "^1.1.6",
 		"@radix-ui/react-avatar": "^1.1.3",
 		"@radix-ui/react-checkbox": "^1.1.4",
@@ -33,17 +35,17 @@
 		"@radix-ui/react-tabs": "^1.1.3",
 		"@radix-ui/react-toggle": "^1.1.2",
 		"@radix-ui/react-tooltip": "^1.1.8",
-		"cmdk": "1.0.0",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
+		"cmdk": "1.0.0",
 		"lucide-react": "^0.545.0",
 		"next-themes": "^0.4.4",
 		"react-day-picker": "8.10.1",
 		"react-hook-form": "^7.54.2",
 		"react-resizable-panels": "^3.0.3",
 		"sonner": "^2.0.1",
-		"tailwindcss-animate": "^1.0.7",
-		"tailwind-merge": "^3.3.0"
+		"tailwind-merge": "^3.3.0",
+		"tailwindcss-animate": "^1.0.7"
 	},
 	"devDependencies": {
 		"@biomejs/biome": "2.4.5",
diff --git a/packages/ui/src/styles/globals.css b/packages/ui/src/styles/globals.css
index 3f2f589..73a0e67 100644
--- a/packages/ui/src/styles/globals.css
+++ b/packages/ui/src/styles/globals.css
@@ -1,3 +1,5 @@
+@import "@fontsource-variable/inter";
+@import "@fontsource/geist-mono";
 @import "tailwindcss";
 
 @plugin "tailwindcss-animate";
@@ -9,9 +11,26 @@
 
 @theme {
 	--font-sans:
-		"Instrument Sans", "Avenir Next", ui-sans-serif, system-ui, sans-serif;
+		"Inter Variable", "Inter", "Avenir Next", ui-sans-serif, system-ui,
+		sans-serif;
 	--font-mono:
-		"JetBrains Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace;
+		"Geist Mono", "SF Mono", ui-monospace, "Cascadia Code", monospace;
+	--text-sm: 0.875rem;
+	--text-sm--line-height: 1.45;
+	--text-base: 1rem;
+	--text-base--line-height: 1.55;
+	--text-lg: 1.0625rem;
+	--text-lg--line-height: 1.45;
+	--text-xl: 1.1875rem;
+	--text-xl--line-height: 1.4;
+	--text-2xl: 1.375rem;
+	--text-2xl--line-height: 1.3;
+	--text-3xl: 1.625rem;
+	--text-3xl--line-height: 1.2;
+	--text-4xl: 1.875rem;
+	--text-4xl--line-height: 1.15;
+	--text-5xl: 2rem;
+	--text-5xl--line-height: 1.1;
 }
 
 :root {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1d1e605..68e9792 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -134,6 +134,12 @@ importers:
 
   packages/ui:
     dependencies:
+      '@fontsource-variable/inter':
+        specifier: ^5.2.8
+        version: 5.2.8
+      '@fontsource/geist-mono':
+        specifier: ^5.2.7
+        version: 5.2.7
       '@radix-ui/react-alert-dialog':
         specifier: ^1.1.6
         version: 1.1.15(@types/react-dom@19.2.3(@types/react@19.2.14))(@types/react@19.2.14)(react-dom@19.2.4(react@19.2.4))(react@19.2.4)
@@ -1232,6 +1238,12 @@ packages:
   '@floating-ui/utils@0.2.11':
     resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==}
 
+  '@fontsource-variable/inter@5.2.8':
+    resolution: {integrity: sha512-kOfP2D+ykbcX/P3IFnokOhVRNoTozo5/JxhAIVYLpea/UBmCQ/YWPBfWIDuBImXX/15KH+eKh4xpEUyS2sQQGQ==}
+
+  '@fontsource/geist-mono@5.2.7':
+    resolution: {integrity: sha512-xVPVFISJg/K0VVd+aQN0Y7X/sw9hUcJPyDWFJ5GpyU3bHELhoRsJkPSRSHXW32mOi0xZCUQDOaPj1sqIFJ1FGg==}
+
   '@img/colour@1.1.0':
     resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
     engines: {node: '>=18'}
@@ -4968,6 +4980,10 @@ snapshots:
 
   '@floating-ui/utils@0.2.11': {}
 
+  '@fontsource-variable/inter@5.2.8': {}
+
+  '@fontsource/geist-mono@5.2.7': {}
+
   '@img/colour@1.1.0': {}
 
   '@img/sharp-darwin-arm64@0.34.5':