Skip to content

docs: fix heading typography hierarchy for Anthropic editorial consistency#11

Merged
ditvor merged 1 commit into
mainfrom
docs/landing-page-redesign
Mar 12, 2026
Merged

docs: fix heading typography hierarchy for Anthropic editorial consistency#11
ditvor merged 1 commit into
mainfrom
docs/landing-page-redesign

Conversation

@ditvor
Copy link
Copy Markdown
Owner

@ditvor ditvor commented Mar 12, 2026

Summary

  • Fraunces is a variable font with an opsz (optical size) axis. Without setting it, all heading levels render identically regardless of size — causing the visual inconsistency between h1, h2, and h3.
  • h1 hero: weight 400, opsz 144 — thin, high-contrast serifs at display scale, matching Anthropic's Tiempos Headline editorial style
  • h2 section headings: weight 600, opsz 72 — medium weight, clearly subordinate to the hero
  • h3 card titles (base .heading): weight 700, opsz 24 — text-optimised, holds visual weight at small size

Test plan

  • Review heading hierarchy on pia-alpha.netlify.app after merge
  • Confirm h1 hero looks thin and editorial (not heavy)
  • Confirm h2 section headings are visually distinct from h1 and h3
  • Confirm h3 card titles are readable and consistent

🤖 Generated with Claude Code

…tency

Fraunces is a variable font — without tuning the optical-size axis (opsz)
it renders identically at all sizes, making h1/h2/h3 look the same weight.

- h1 (display): weight 400, opsz 144, tighter tracking → thin, editorial,
  matches Anthropic's Tiempos Headline display style
- h2 (section): weight 600, opsz 72 → strong but not heavy
- h3 (card, base): weight 700, opsz 24 → works at text scale

Also apply manual README intro tweak (PIA full name in parentheses).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@netlify
Copy link
Copy Markdown

netlify Bot commented Mar 12, 2026

Deploy Preview for pia-alpha ready!

Name Link
🔨 Latest commit 49eaf4f
🔍 Latest deploy log https://app.netlify.com/projects/pia-alpha/deploys/69b308e421c43d0008977483
😎 Deploy Preview https://deploy-preview-11--pia-alpha.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@ditvor ditvor merged commit e022b00 into main Mar 12, 2026
7 checks passed
@ditvor ditvor deleted the docs/landing-page-redesign branch March 12, 2026 18:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant