From 1cfe51b10eb1eb667fba799bb58f99fe0c5013dc Mon Sep 17 00:00:00 2001
From: Lukas May <lukas.may@carealytix.com>
Date: Wed, 4 Mar 2026 10:20:08 +0100
Subject: [PATCH] fix: Remove faux-bold and tracking-tight from Instrument
 Serif headings

Instrument Serif only ships weight 400, so font-bold/font-semibold
caused ugly browser-synthesized faux-bold. Tracking-tight compressed
it further. Removed both and bumped sizes slightly to let the display
font breathe.
---
 apps/web/src/components/InboxList.tsx      | 2 +-
 apps/web/src/components/PhaseAccordion.tsx | 2 +-
 apps/web/src/layouts/AppLayout.tsx         | 4 ++--
 apps/web/src/routes/agents.tsx             | 2 +-
 apps/web/src/routes/initiatives/index.tsx  | 2 +-
 apps/web/src/routes/settings.tsx           | 2 +-
 apps/web/src/routes/settings/health.tsx    | 6 +++---
 7 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/apps/web/src/components/InboxList.tsx b/apps/web/src/components/InboxList.tsx
index 097a1a5..5f27e00 100644
--- a/apps/web/src/components/InboxList.tsx
+++ b/apps/web/src/components/InboxList.tsx
@@ -122,7 +122,7 @@ export function InboxList({
       {/* Header */}
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-2">
-          <h2 className="text-lg font-semibold font-display tracking-tight">Agent Inbox</h2>
+          <h2 className="text-2xl font-display">Agent Inbox</h2>
           <Badge variant="secondary">{joined.length}</Badge>
         </div>
         <Button variant="outline" size="sm" onClick={onRefresh}>
diff --git a/apps/web/src/components/PhaseAccordion.tsx b/apps/web/src/components/PhaseAccordion.tsx
index 0b04cfb..137cd61 100644
--- a/apps/web/src/components/PhaseAccordion.tsx
+++ b/apps/web/src/components/PhaseAccordion.tsx
@@ -60,7 +60,7 @@ export function PhaseAccordion({
         )}
 
         {/* Phase name */}
-        <span className="min-w-0 flex-1 truncate font-display font-medium">
+        <span className="min-w-0 flex-1 truncate font-display">
           {phase.name}
         </span>
 
diff --git a/apps/web/src/layouts/AppLayout.tsx b/apps/web/src/layouts/AppLayout.tsx
index b24dc12..4dc11d7 100644
--- a/apps/web/src/layouts/AppLayout.tsx
+++ b/apps/web/src/layouts/AppLayout.tsx
@@ -41,8 +41,8 @@ export function AppLayout({ children, onOpenCommandPalette, connectionState }: A
                 CW
               </span>
               <span className="hidden items-baseline gap-1 sm:inline-flex">
-                <span className="font-display font-bold tracking-tight">Codewalk</span>
-                <span className="font-display font-medium tracking-tight text-muted-foreground">District</span>
+                <span className="font-display tracking-normal">Codewalk</span>
+                <span className="font-display tracking-normal text-muted-foreground">District</span>
               </span>
             </Link>
             <nav className="flex items-center gap-1">
diff --git a/apps/web/src/routes/agents.tsx b/apps/web/src/routes/agents.tsx
index 0bbad45..dc36a72 100644
--- a/apps/web/src/routes/agents.tsx
+++ b/apps/web/src/routes/agents.tsx
@@ -192,7 +192,7 @@ function AgentsPage() {
       <div className="shrink-0 space-y-3">
         <div className="flex items-center justify-between">
           <div className="flex items-center gap-2">
-            <h1 className="font-display text-lg font-semibold tracking-tight">Agents</h1>
+            <h1 className="font-display text-2xl">Agents</h1>
             <Badge variant="secondary">{agents.length}</Badge>
           </div>
           <Button variant="outline" size="sm" onClick={handleRefresh}>
diff --git a/apps/web/src/routes/initiatives/index.tsx b/apps/web/src/routes/initiatives/index.tsx
index 0893a8b..7aad046 100644
--- a/apps/web/src/routes/initiatives/index.tsx
+++ b/apps/web/src/routes/initiatives/index.tsx
@@ -40,7 +40,7 @@ function DashboardPage() {
     >
       {/* Page header */}
       <div className="flex items-center justify-between">
-        <h1 className="font-display text-2xl font-bold tracking-tight">Initiatives</h1>
+        <h1 className="font-display text-3xl">Initiatives</h1>
         <div className="flex items-center gap-3">
           <select
             value={statusFilter}
diff --git a/apps/web/src/routes/settings.tsx b/apps/web/src/routes/settings.tsx
index 804a76b..01f2a4f 100644
--- a/apps/web/src/routes/settings.tsx
+++ b/apps/web/src/routes/settings.tsx
@@ -13,7 +13,7 @@ function SettingsLayout() {
   return (
     <div className="mx-auto max-w-4xl space-y-4">
       <div className="flex items-center justify-between">
-        <h1 className="font-display text-2xl font-bold tracking-tight">Settings</h1>
+        <h1 className="font-display text-3xl">Settings</h1>
       </div>
       <nav className="flex gap-1 border-b border-border">
         {settingsTabs.map((tab) => (
diff --git a/apps/web/src/routes/settings/health.tsx b/apps/web/src/routes/settings/health.tsx
index ca62c0f..12317e2 100644
--- a/apps/web/src/routes/settings/health.tsx
+++ b/apps/web/src/routes/settings/health.tsx
@@ -97,7 +97,7 @@ function HealthCheckPage() {
       {/* Server Status */}
       <Card>
         <CardHeader>
-          <CardTitle className="flex items-center gap-2 font-display text-lg">
+          <CardTitle className="flex items-center gap-2 font-display text-xl">
             <Server className="h-5 w-5" />
             Server Status
           </CardTitle>
@@ -124,7 +124,7 @@ function HealthCheckPage() {
 
       {/* Accounts */}
       <div className="space-y-3">
-        <h2 className="font-display text-lg font-semibold">Accounts</h2>
+        <h2 className="font-display text-xl">Accounts</h2>
         {accounts.length === 0 ? (
           <Card>
             <CardContent className="py-6">
@@ -154,7 +154,7 @@ function HealthCheckPage() {
 
       {/* Projects */}
       <div className="space-y-3">
-        <h2 className="font-display text-lg font-semibold">Projects</h2>
+        <h2 className="font-display text-xl">Projects</h2>
         {projects.length === 0 ? (
           <Card>
             <CardContent className="py-6">