Swap Syne for Playfair Display and soften letter-spacing

[sanskarmk]

Motivation

• Move the brand from an experimental display (Syne) to a more mature editorial display to increase perceived trust and stability while keeping a clean sans for UI/body text.
• Apply the new display to headings, logo, pricing and other key visual elements to unify the typographic voice across the site.
• Reduce extreme negative letter-spacing on hero and section headings to tone down the experimental feel and read better at large sizes.

Description

• Replaced the Google Fonts import for Syne with Playfair Display while retaining Inter for body/UI in index.html.
• Updated assets/css/styles.css to use "Playfair Display", Georgia, serif for .logo, h1, h2, .metric b, .price, .quote, and .owner-mark span.
• Reduced aggressive negative letter-spacing values on h1, section h2 and .price to gentler values so large display text feels more established.
• Left the site body font-family: Inter unchanged so UI and paragraph text remain a clean sans.

Testing

• Ran git diff --check with no reported issues and it passed.
• Served the site with python3 -m http.server 8000 and verified the updated font link via curl -I http://127.0.0.1:8000/index.html which returned HTTP 200.
• Confirmed the new display font is present in the served HTML using curl -s http://127.0.0.1:8000/index.html | rg "Playfair|Syne", which showed Playfair and no remaining Syne references.

---

Codex Task

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 1b10cf5bc1

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Load Playfair on every shared-CSS page

Since styles.css is shared by all pages, changing the shared typography to "Playfair Display" only works on index.html; the other routes I checked (about.html, create-profile.html, stories.html, etc.) still load the old Google Fonts URL with family=Syne and never request Playfair. Those pages will render these headings/logo in the Georgia fallback while also downloading an unused Syne font, so the typeface swap is inconsistent outside the home page. Please update the font link on the other HTML pages or load Playfair from the shared stylesheet.

Useful? React with 👍 / 👎.

[Copilot]

Pull request overview

This PR updates the site’s display typography by switching headings/brand elements from the Syne display font to Playfair Display and reducing overly aggressive negative letter-spacing so large type reads more traditionally.

Changes:

• Swapped the Google Fonts import in index.html from Syne to Playfair Display (keeping Inter).
• Updated assets/css/styles.css to apply "Playfair Display", Georgia, serif to key display elements (logo, headings, pricing, quotes, etc.).
• Softened negative letter-spacing values for h1, section h2, and .price.

Reviewed changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File	Description
index.html	Updates Google Fonts link to load Playfair Display instead of Syne (home page only).
assets/css/styles.css	Re-points display typography to Playfair Display and adjusts letter-spacing to be less extreme.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.