fix(docs-og-image): match reference cover template typography exactly by waleedlatif1 · Pull Request #5598 · simstudioai/sim

waleedlatif1 · 2026-07-11T18:02:21Z

Summary

Swap Season Sans for Söhne Kräftig (weight 500) — the reference cover's actual brand font, confirmed by direct letterform comparison; recovered from git history since it was removed as an unused static asset
Fix ink/background colors to exact reference hex values (#515151 / #c1c1c1)
Square caps + miter join on the corner arrow to match the reference's sharp corners
Recalibrate title font size, line height, and wrap width for the new font's metrics

Type of Change

Bug fix

Testing

Tested manually — rendered the route locally and pixel-compared against the reference cover template (arrow, colors, wordmark, and title all matching within a few px).

Checklist

Code follows project style guidelines
Self-reviewed my changes
Tests added/updated and passing
No new warnings introduced
I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

- swap Season Sans for Söhne Kräftig (500) — the reference cover's actual brand font, confirmed by letterform comparison; recovered from git history since it was removed as an unused static asset - fix ink/background colors to exact reference hex values - square caps + miter join on the corner arrow to match the reference's sharp corners instead of rounded ones - recalibrate title font size, line height, and wrap width for the new font's metrics

vercel · 2026-07-11T18:02:26Z

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
docs	Ready	Preview, Comment	Jul 11, 2026 6:16pm

cursor · 2026-07-11T18:02:31Z

PR Summary

Low Risk
Scoped to docs OG image rendering on the edge route; no auth, data, or API contract changes beyond visual output for social previews.

Overview
Aligns docs Open Graph image generation (apps/docs/app/api/og/route.tsx) with the library/blog cover reference instead of the previous Season Sans styling.

Typography and colors: Title font switches to Söhne Kräftig (500) via Soehne-Kraftig.ttf, with recalibrated title sizes, weight, line height, and a translateY tweak for Satori’s last-line leading. Ink and background use traced hex #515151 / #c1c1c1. The corner arrow uses square caps and miter joins for sharp corners.

Title wrapping: Line packing no longer uses a flat Latin character count; it estimates width with separate Latin vs CJK em widths and can split oversized “words” (common for ja/zh titles without spaces) so long runs still fit TITLE_BOX_WIDTH.

^{Reviewed by Cursor Bugbot for commit 962b943. Configure here.}

greptile-apps · 2026-07-11T18:04:56Z

Greptile Summary

This PR updates the docs OG image to match the reference cover template. The main changes are:

Switches the title font from Season Sans to Söhne Kräftig.
Updates the OG image colors, title sizing, line height, and arrow stroke style.
Adds CJK-aware title width estimates and splits oversized no-space title runs.
Replaces the old static font asset with the new Söhne TTF file.

Confidence Score: 5/5

This looks safe to merge.

No blocking issues found in the changed code.

Important Files Changed

Filename	Overview
apps/docs/app/api/og/route.tsx	Updates the OG image rendering constants, font loading, arrow styling, and title wrapping behavior.
apps/docs/public/static/fonts/SeasonSans-600-static.ttf	Removes the old Season Sans static font asset.
apps/docs/public/static/fonts/Soehne-Kraftig.ttf	Adds the Söhne Kräftig static TTF asset for the OG title renderer.

_{Reviews (3): Last reviewed commit: "fix(docs-og-image): fall back to charact..." | Re-trigger Greptile}

…r-wrap wrapTitleLines budgeted a flat 0.42em/char, tuned for Latin text. Docs ships ja/zh locales — CJK glyphs render near-square (~1em), so a CJK title could overflow the fixed-width title box uncaught. Sum per-char em-width with a CJK-range check instead of counting characters.

waleedlatif1 · 2026-07-11T18:08:14Z

@greptile

waleedlatif1 · 2026-07-11T18:08:15Z

@cursor review

cursor

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

^{Reviewed by Cursor Bugbot for commit 73b53cd. Configure here.}

…JK words wrapTitleLines only splits at spaces, so a space-free CJK run (common for Chinese titles) still arrived as a single word wider than the title box and rendered as one overflowing line. Falls back to character-level chunking for any word that alone exceeds maxWidthEm.

waleedlatif1 · 2026-07-11T18:12:29Z

@greptile

waleedlatif1 · 2026-07-11T18:12:30Z

@cursor review

cursor

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

^{Reviewed by Cursor Bugbot for commit 962b943. Configure here.}

greptile-apps Bot reviewed Jul 11, 2026

View reviewed changes

Comment thread apps/docs/app/api/og/route.tsx Outdated

vercel Bot deployed to Preview July 11, 2026 18:06 View deployment

cursor Bot reviewed Jul 11, 2026

View reviewed changes

greptile-apps Bot reviewed Jul 11, 2026

View reviewed changes

Comment thread apps/docs/app/api/og/route.tsx

cursor Bot reviewed Jul 11, 2026

View reviewed changes

vercel Bot deployed to Preview July 11, 2026 18:16 View deployment

waleedlatif1 merged commit def2d52 into staging Jul 11, 2026
18 checks passed

waleedlatif1 deleted the fix/docs-og-image-typography branch July 11, 2026 18:17

waleedlatif1 mentioned this pull request Jul 12, 2026

v0.7.30: md editor improvements, og image updates, spacexai hosted keys, cmd-k speedups, pagespeed optimizations, security hardening #5611

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

fix(docs-og-image): match reference cover template typography exactly#5598

fix(docs-og-image): match reference cover template typography exactly#5598
waleedlatif1 merged 3 commits into
stagingfrom
fix/docs-og-image-typography

waleedlatif1 commented Jul 11, 2026

Uh oh!

vercel Bot commented Jul 11, 2026 •

edited

Loading

Uh oh!

cursor Bot commented Jul 11, 2026 •

edited

Loading

Uh oh!

greptile-apps Bot commented Jul 11, 2026 •

edited

Loading

Uh oh!

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

cursor Bot left a comment

Uh oh!

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

cursor Bot left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Uh oh!

Conversation

waleedlatif1 commented Jul 11, 2026

Summary

Type of Change

Testing

Checklist

Uh oh!

vercel Bot commented Jul 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

cursor Bot commented Jul 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

PR Summary

Uh oh!

greptile-apps Bot commented Jul 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Greptile Summary

Confidence Score: 5/5

Important Files Changed

Uh oh!

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

cursor Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

waleedlatif1 commented Jul 11, 2026

Uh oh!

cursor Bot left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

vercel Bot commented Jul 11, 2026 •

edited

Loading

cursor Bot commented Jul 11, 2026 •

edited

Loading

greptile-apps Bot commented Jul 11, 2026 •

edited

Loading