From be4e3788be5b3574feebb536a0e46c31f9cf6abe Mon Sep 17 00:00:00 2001
From: Jeff Emmett <jeffemmett@gmail.com>
Date: Mon, 2 Feb 2026 16:52:38 +0000
Subject: [PATCH] Update site font to Urbanist and enlarge header logo

- Replace Playfair Display/Cormorant Garamond with Urbanist font
- Increase logo size from 24-40px to 36-60px (desktop)
- Increase mobile logo size from 18-28px to 28-40px
- Slightly increase header padding

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 index.html |  2 +-
 styles.css | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/index.html b/index.html
index ad0c104..ce4463e 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
     <title>Valley of the Commons | Commons Hub</title>
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
     <link rel="stylesheet" href="styles.css">
     <script src="waitlist.js" defer></script>
     <script src="speakers.js" defer></script>
diff --git a/styles.css b/styles.css
index 20fdf71..0a08cf2 100644
--- a/styles.css
+++ b/styles.css
@@ -99,7 +99,7 @@
 }
 
 .loading-title h1 {
-    font-family: 'Playfair Display', 'Cormorant Garamond', serif;
+    font-family: 'Urbanist', var(--font-sans);
     font-size: clamp(2.5rem, 6vw, 5rem);
     font-weight: 300;
     font-style: italic;
@@ -147,8 +147,8 @@
     --color-bg: #ffffff;
     --color-accent: #000;
     --color-link: #000;
-    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
-    --font-serif: Georgia, serif;
+    --font-sans: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    --font-serif: 'Urbanist', Georgia, serif;
     --spacing-xs: 0.5rem;
     --spacing-sm: 1rem;
     --spacing-md: 2rem;
@@ -187,7 +187,7 @@ body {
     background: var(--color-bg);
     border-bottom: 1px solid #e5e5e5;
     z-index: 100;
-    padding: clamp(0.5rem, 1.5vw, var(--spacing-sm)) 0;
+    padding: clamp(0.75rem, 2vw, 1.25rem) 0;
 }
 
 .header-container {
@@ -201,7 +201,7 @@ body {
 }
 
 .logo img {
-    height: clamp(24px, 3vw, 40px);
+    height: clamp(36px, 5vw, 60px);
     width: auto;
     flex-shrink: 0;
 }
@@ -365,7 +365,7 @@ body {
 }
 
 .hero-content h1 {
-    font-family: 'Playfair Display', 'Cormorant Garamond', serif;
+    font-family: 'Urbanist', var(--font-sans);
     font-size: clamp(2rem, 5vw, 4rem);
     font-weight: 300;
     font-style: italic;
@@ -1265,7 +1265,7 @@ body {
     }
 
     .logo img {
-        height: clamp(18px, 3.5vw, 28px);
+        height: clamp(28px, 6vw, 40px);
         flex-shrink: 1;
     }