FT-style typography for the blog + restore dark mode toggle#469
Open
okdistribute wants to merge 1 commit into
Open
FT-style typography for the blog + restore dark mode toggle#469okdistribute wants to merge 1 commit into
okdistribute wants to merge 1 commit into
Conversation
Blog headlines now use Newsreader (serif display, closest Google Fonts analogue to FT's Financier Display) and article body text uses Georgia, matching ft.com's typography. Site chrome and metadata stay Space Grotesk, mirroring FT's sans-serif UI. Scoped to the blog index and post layout; the rest of the site is unchanged. Restores the ThemeToggle in the blog header's top-right bar (removed in #462). The theme is still forced light everywhere except /blog, where the toggle controls it; preference persists across blog visits. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Contributor
|
overall this is great, only nit, the contrast in dark mode for the colors and the body type is a bit low |
Member
|
Uhm, don't we think having serif fonts in the blog is ... somewhat inconsistent style-wise on the iroh website? It seems really jarring to me going to the main page with a very distinct style, then going to the blog? Almost gives me the feeling that it didn't load fonts :S |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Gives the blog the typographic feel of ft.com and brings the dark mode toggle back to the blog header.
Typography (blog only)
BlogPostLayout,blog/page.jsx, and astyleoverride passed intoProse.Dark mode toggle
<ThemeToggle />in the blog header's top-right bar (removed in Force light mode site-wide #462 when the site went forced-light).Providersnow forces light mode only outside/blog: the marketing site stays light as decided in Force light mode site-wide #462, while the blog follows the toggle and remembers the preference.Verified
npm run buildpasses.🤖 Generated with Claude Code