From b00e4d994fe50704cc51873ece50952e7b50a078 Mon Sep 17 00:00:00 2001
From: mika kuns <mika.kuns@fb-tuning.de>
Date: Sat, 30 May 2026 17:22:29 +0200
Subject: [PATCH] feat(ui): unify type scale to 11/13/18/24 and add canonical
 text classes

---
 src/ClaudeDo.Ui/Design/IslandStyles.axaml | 45 +++++++++++++++++++++++
 src/ClaudeDo.Ui/Design/Tokens.axaml       |  6 +--
 2 files changed, 48 insertions(+), 3 deletions(-)

diff --git a/src/ClaudeDo.Ui/Design/IslandStyles.axaml b/src/ClaudeDo.Ui/Design/IslandStyles.axaml
index 787ce6e..18d8f6d 100644
--- a/src/ClaudeDo.Ui/Design/IslandStyles.axaml
+++ b/src/ClaudeDo.Ui/Design/IslandStyles.axaml
@@ -915,4 +915,49 @@
     <Setter Property="Foreground" Value="{StaticResource TextBrush}" />
   </Style>
 
+  <!-- ============================================================ -->
+  <!-- CANONICAL TYPOGRAPHY                                          -->
+  <!-- One class per text role. Small text = 11 (eyebrow/meta/       -->
+  <!-- field-label/path-mono). Body = 13. Heading = 18. Display = 24.-->
+  <!-- ============================================================ -->
+
+  <!-- Small secondary mono text: timestamps, ids, hints, status, diffstat, age -->
+  <Style Selector="TextBlock.meta">
+    <Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
+    <Setter Property="FontSize"   Value="{StaticResource FontSizeMono}" />
+    <Setter Property="Foreground" Value="{StaticResource TextDimBrush}" />
+  </Style>
+
+  <!-- Default body / list values / descriptions -->
+  <Style Selector="TextBlock.body">
+    <Setter Property="FontFamily" Value="{StaticResource SansFont}" />
+    <Setter Property="FontSize"   Value="{StaticResource FontSizeBody}" />
+    <Setter Property="Foreground" Value="{StaticResource TextDimBrush}" />
+  </Style>
+
+  <!-- Item / task / detail titles -->
+  <Style Selector="TextBlock.title">
+    <Setter Property="FontFamily" Value="{StaticResource SansFont}" />
+    <Setter Property="FontSize"   Value="{StaticResource FontSizeBody}" />
+    <Setter Property="FontWeight" Value="Medium" />
+    <Setter Property="Foreground" Value="{StaticResource TextBrush}" />
+  </Style>
+
+  <!-- Panel / section headings ("Lists", modal section titles) -->
+  <Style Selector="TextBlock.heading">
+    <Setter Property="FontFamily" Value="{StaticResource SansFont}" />
+    <Setter Property="FontSize"   Value="{StaticResource FontSizeH3}" />
+    <Setter Property="FontWeight" Value="SemiBold" />
+    <Setter Property="Foreground" Value="{StaticResource TextBrush}" />
+  </Style>
+
+  <!-- Main board / island display title -->
+  <Style Selector="TextBlock.display">
+    <Setter Property="FontFamily"   Value="{StaticResource SansFont}" />
+    <Setter Property="FontSize"     Value="{StaticResource FontSizeH2}" />
+    <Setter Property="FontWeight"   Value="SemiBold" />
+    <Setter Property="Foreground"   Value="{StaticResource TextBrush}" />
+    <Setter Property="TextTrimming" Value="CharacterEllipsis" />
+  </Style>
+
 </Styles>
diff --git a/src/ClaudeDo.Ui/Design/Tokens.axaml b/src/ClaudeDo.Ui/Design/Tokens.axaml
index 3ca71e5..ad9fd27 100644
--- a/src/ClaudeDo.Ui/Design/Tokens.axaml
+++ b/src/ClaudeDo.Ui/Design/Tokens.axaml
@@ -162,11 +162,11 @@
   <FontFamily x:Key="MonoFamily">avares://ClaudeDo.Ui/Assets/Fonts/#JetBrains Mono, IBM Plex Mono, Cascadia Mono, Consolas, monospace</FontFamily>
 
   <!-- Type scale -->
-  <x:Double x:Key="FontSizeEyebrow">10</x:Double>    <!-- uppercase label, 0.14em tracking -->
+  <x:Double x:Key="FontSizeEyebrow">11</x:Double>    <!-- uppercase label, 0.14em tracking -->
   <x:Double x:Key="FontSizeMono">11</x:Double>       <!-- chips, log lines, filepaths -->
   <x:Double x:Key="FontSizeMicro">11</x:Double>      <!-- meta rows -->
   <x:Double x:Key="FontSizeBody">13</x:Double>
-  <x:Double x:Key="FontSizeTaskTitle">14</x:Double>
+  <x:Double x:Key="FontSizeTaskTitle">13</x:Double>
   <x:Double x:Key="FontSizeH3">18</x:Double>
   <x:Double x:Key="FontSizeH2">24</x:Double>         <!-- island titles ("My Day") -->
   <x:Double x:Key="FontSizeH1">32</x:Double>
@@ -175,7 +175,7 @@
   <Style x:Key="EyebrowText" Selector="TextBlock.eyebrow">
     <Setter Property="FontFamily" Value="{StaticResource MonoFont}" />
     <Setter Property="FontSize"   Value="{StaticResource FontSizeEyebrow}" />
-    <Setter Property="Foreground" Value="{StaticResource TextFaintBrush}" />
+    <Setter Property="Foreground" Value="{StaticResource TextMuteBrush}" />
     <Setter Property="LetterSpacing" Value="1.4" />
   </Style>