jeffemmett
/
valley-commons
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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>
This commit is contained in:
Jeff Emmett 2026-02-02 16:52:38 +00:00
parent 0debf5b456
commit be4e3788be
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -8,7 +8,7 @@
<title>Valley of the Commons | Commons Hub</title> <title>Valley of the Commons | Commons Hub</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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"> <link rel="stylesheet" href="styles.css">
<script src="waitlist.js" defer></script> <script src="waitlist.js" defer></script>
<script src="speakers.js" defer></script> <script src="speakers.js" defer></script>

14
styles.css
View File

@ -99,7 +99,7 @@
} }
.loading-title h1 { .loading-title h1 {
font-family: 'Playfair Display', 'Cormorant Garamond', serif; font-family: 'Urbanist', var(--font-sans);
font-size: clamp(2.5rem, 6vw, 5rem); font-size: clamp(2.5rem, 6vw, 5rem);
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
@ -147,8 +147,8 @@
--color-bg: #ffffff; --color-bg: #ffffff;
--color-accent: #000; --color-accent: #000;
--color-link: #000; --color-link: #000;
--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; --font-sans: 'Urbanist', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
--font-serif: Georgia, serif; --font-serif: 'Urbanist', Georgia, serif;
--spacing-xs: 0.5rem; --spacing-xs: 0.5rem;
--spacing-sm: 1rem; --spacing-sm: 1rem;
--spacing-md: 2rem; --spacing-md: 2rem;
@ -187,7 +187,7 @@ body {
background: var(--color-bg); background: var(--color-bg);
border-bottom: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;
z-index: 100; z-index: 100;
padding: clamp(0.5rem, 1.5vw, var(--spacing-sm)) 0; padding: clamp(0.75rem, 2vw, 1.25rem) 0;
} }
.header-container { .header-container {
@ -201,7 +201,7 @@ body {
} }
.logo img { .logo img {
height: clamp(24px, 3vw, 40px); height: clamp(36px, 5vw, 60px);
width: auto; width: auto;
flex-shrink: 0; flex-shrink: 0;
} }
@ -365,7 +365,7 @@ body {
} }
.hero-content h1 { .hero-content h1 {
font-family: 'Playfair Display', 'Cormorant Garamond', serif; font-family: 'Urbanist', var(--font-sans);
font-size: clamp(2rem, 5vw, 4rem); font-size: clamp(2rem, 5vw, 4rem);
font-weight: 300; font-weight: 300;
font-style: italic; font-style: italic;
@ -1265,7 +1265,7 @@ body {
} }
.logo img { .logo img {
height: clamp(18px, 3.5vw, 28px); height: clamp(28px, 6vw, 40px);
flex-shrink: 1; flex-shrink: 1;
} }