From 1a68af0eec4f503ae867c06a41eb8b367aa74d97 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Fri, 13 Mar 2026 22:24:33 +0100
Subject: [PATCH] fix(pdf): align AGB page PDF layout with datasheet design
 tokens

---
 lib/pdf-page.tsx | 43 +++++++++++++++++++++----------------------
 1 file changed, 21 insertions(+), 22 deletions(-)

diff --git a/lib/pdf-page.tsx b/lib/pdf-page.tsx
index 4235462f..a3aeecc0 100644
--- a/lib/pdf-page.tsx
+++ b/lib/pdf-page.tsx
@@ -14,8 +14,7 @@ Font.register({
 const C = {
   navy: '#001a4d',
   navyDeep: '#000d26',
-  green: '#4da612',
-  greenLight: '#e8f5d8',
+  accent: '#82ed20',
   white: '#FFFFFF',
   offWhite: '#f8f9fa',
   gray100: '#f3f4f6',
@@ -26,7 +25,7 @@ const C = {
   gray900: '#111827',
 };
 
-const MARGIN = 56;
+const MARGIN = 72;
 
 const styles = StyleSheet.create({
   page: {
@@ -34,7 +33,7 @@ const styles = StyleSheet.create({
     lineHeight: 1.5,
     backgroundColor: C.white,
     paddingTop: 0,
-    paddingBottom: 80,
+    paddingBottom: 100,
     fontFamily: 'Helvetica',
   },
 
@@ -57,17 +56,17 @@ const styles = StyleSheet.create({
   },
 
   logoText: {
-    fontSize: 22,
+    fontSize: 24,
     fontWeight: 700,
     color: C.navyDeep,
-    letterSpacing: 2,
+    letterSpacing: 1,
     textTransform: 'uppercase',
   },
 
   docTitle: {
-    fontSize: 8,
+    fontSize: 10,
     fontWeight: 700,
-    color: C.green,
+    color: C.navy,
     letterSpacing: 2,
     textTransform: 'uppercase',
   },
@@ -89,10 +88,10 @@ const styles = StyleSheet.create({
 
   accentBar: {
     width: 30,
-    height: 2,
-    backgroundColor: C.green,
+    height: 3,
+    backgroundColor: C.accent,
     marginBottom: 20,
-    borderRadius: 1,
+    borderRadius: 1.5,
   },
 
   // Lexical Elements
@@ -136,7 +135,7 @@ const styles = StyleSheet.create({
   listItemBullet: {
     width: 12,
     fontSize: 10,
-    color: C.green,
+    color: C.accent,
     fontWeight: 700,
   },
   listItemContent: {
@@ -146,7 +145,7 @@ const styles = StyleSheet.create({
     lineHeight: 1.7,
   },
   link: {
-    color: C.green,
+    color: C.accent,
     textDecoration: 'none',
   },
   textBold: {
@@ -161,31 +160,31 @@ const styles = StyleSheet.create({
   // Footer — matches brochure style
   footer: {
     position: 'absolute',
-    bottom: 28,
+    bottom: 40,
     left: MARGIN,
     right: MARGIN,
     flexDirection: 'row',
     justifyContent: 'space-between',
     alignItems: 'center',
-    paddingTop: 12,
-    borderTopWidth: 2,
-    borderTopColor: C.green,
+    paddingTop: 24,
+    borderTopWidth: 1,
+    borderTopColor: C.gray200,
   },
 
   footerText: {
-    fontSize: 7,
+    fontSize: 8,
     color: C.gray400,
-    fontWeight: 400,
+    fontWeight: 500,
     textTransform: 'uppercase',
-    letterSpacing: 0.8,
+    letterSpacing: 1,
   },
 
   footerBrand: {
-    fontSize: 9,
+    fontSize: 10,
     fontWeight: 700,
     color: C.navyDeep,
     textTransform: 'uppercase',
-    letterSpacing: 1.5,
+    letterSpacing: 1,
   },
 });