tas/Codewalkers
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Remove faux-bold and tracking-tight from Instrument Serif headings

Browse Source 
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.
This commit is contained in:
Lukas May
2026-03-04 10:20:08 +01:00
parent 1aef986127
commit 1cfe51b10e
7 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web/src/components/InboxList.tsx
View File

@@ -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}>

2
apps/web/src/components/PhaseAccordion.tsx
View File

@@ -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>

4
apps/web/src/layouts/AppLayout.tsx
View File

@@ -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">

2
apps/web/src/routes/agents.tsx
View File

@@ -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}>

2
apps/web/src/routes/initiatives/index.tsx
View File

@@ -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}

2
apps/web/src/routes/settings.tsx
View File

@@ -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) => (

6
apps/web/src/routes/settings/health.tsx
View File

@@ -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">