style: fine-tune white page typography - harmonize font sizes, spacing rhythm and letter-spacing

lib/pdf-business-card.tsx

@@ -210,30 +210,30 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
   },
   nameSection: {
-    marginBottom: '1mm', // Keep tight spacing to contact rows
+    marginBottom: '2.5mm', // Clear separation between name block and contact block
   },
   nameText: {
-    fontSize: 14,
+    fontSize: 13,
     fontWeight: 'bold',
     color: COLORS.neutralDark,
-    marginBottom: 2,
-    letterSpacing: -0.2,
+    marginBottom: 1.5,
+    letterSpacing: -0.15,
   },
   roleText: {
-    fontSize: 7.5,
+    fontSize: 6.5,
     fontWeight: 'bold',
     color: '#011dff',
-    letterSpacing: 0.5,
+    letterSpacing: 1.2,
     textTransform: 'uppercase',
   },
   contactSection: {
     flexDirection: 'column',
-    gap: 4,
+    gap: 0,
   },
   contactRow: {
     flexDirection: 'row',
     alignItems: 'center',
-    marginBottom: 2, // Keep tight, compact line spacing
+    marginBottom: 5, // Even rhythm between contact lines
   },
   iconWrapper: {
     width: 12,
@@ -241,10 +241,11 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
   },
   contactText: {
-    fontSize: 8,
+    fontSize: 7.5,
     color: COLORS.neutralDark,
     fontWeight: 'normal',
-    paddingTop: 1,
+    paddingTop: 0.5,
+    letterSpacing: 0.1,
   },
   rightColumn: {
     flexDirection: 'column',
@@ -277,9 +278,9 @@ const styles = StyleSheet.create({
     bottom: '4mm', // Matched with top margin for perfect symmetry
   },
   addressFooterText: {
-    fontSize: 7, // increased from 6
+    fontSize: 6.5,
     color: COLORS.grayText,
-    letterSpacing: 0.3,
+    letterSpacing: 0.4,
     fontWeight: 'normal',
   },
 });