From eaac1be7a2df2750779d681bff8c257cfe90ad10 Mon Sep 17 00:00:00 2001 From: Amr Gaber Date: Mon, 20 Jul 2026 17:00:00 -0500 Subject: [PATCH] Add Fraunces display headings and paper/wood texture treatment - Load Fraunces (opsz/wght/SOFT/WONK axes) alongside Lora; --font-heading now resolves to Fraunces while body text stays Lora - Base-layer heading styles: tighter tracking, SOFT 30 on all headings, SOFT 60 + WONK 1 on h1 for display personality - Remove per-element tracking-wide utilities so letter-spacing is owned by the base layer - Add .texture-paper: SVG fractal-noise paper grain over the page shell, strength tunable via --paper-opacity (light/dark variants) - Add .texture-wood: walnut grain strips replacing the header border-b and footer border-t - Warm the global --border/--input tone from neutral gray to tan - Replace Card shadow-sm with warm-toned --shadow-card lift - Brand wordmarks use the heading face; footer section labels pinned to font-body --- index.html | 2 +- src/components/layout/site-footer.tsx | 11 +++-- src/components/layout/site-header.tsx | 9 ++-- src/components/layout/site-layout.tsx | 2 +- src/components/ui/card.tsx | 2 +- src/index.css | 61 ++++++++++++++++++++++++--- src/pages/about/about-page.tsx | 6 +-- src/pages/blog/blog-listing-page.tsx | 2 +- src/pages/blog/blog-post-page.tsx | 4 +- src/pages/contact/contact-page.tsx | 6 +-- src/pages/home/home-page.tsx | 8 ++-- 11 files changed, 81 insertions(+), 32 deletions(-) diff --git a/index.html b/index.html index 4e2212c..53b07b6 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@ diff --git a/src/components/layout/site-footer.tsx b/src/components/layout/site-footer.tsx index fc05c98..7d3a551 100644 --- a/src/components/layout/site-footer.tsx +++ b/src/components/layout/site-footer.tsx @@ -11,7 +11,8 @@ const quickLinks = [ export function SiteFooter() { return ( -