feat(landing): shared DS-aligned library landing template + brand/type DS work

[Abeuty]

Targets ds-rebrand-phosphor-icons (not main) — this is the DS/rebrand work meant to land on that branch before it merges up.

Merge is conflict-free against the current ds-rebrand-phosphor-icons tip (verified with git merge-tree).

Landing

• Shared, config-driven LibraryLanding template replacing the copy-pasted per-library pages; Query (rich) and Ranger (lean) converted as the first POC pages
• De-noise: one exclamation-free CTA, dropped superlative taglines, small TanStack mark stacked over a large product wordmark
• Typography repackaged onto DS text-ds-* roles (no more font-black)
• ~30% more section padding, gutters, and column gap

Design system

• Eyebrow component — mono-caps role, brand-by-category via --color-lib-* tokens — with a /ds/eyebrow style book (incl. an interactive brand selector)
• Logos brand page (/ds/logos) with per-variant SVG downloads; new Brand entry merged into a Brand & Styles nav section
• Button: added polymorphic as prop so it can render as a Link/anchor (unblocks a future site-wide button migration; no live buttons changed)
• Lightened body type tokens (body xl/lg/md → weight 300) + updated style-book labels
• Navbar library wordmark → DS heading-4 in the display font (all libraries)

Verification

pnpm test green — tsc clean, oxlint 0/0, unit tests 23 passed / 1 skipped / 0 failed. POC pages verified in the browser preview.

🤖 Generated with Claude Code

[cloudflare-workers-and-pages]

Deploying with    Cloudflare Workers

The latest updates on your project. Learn more about integrating Git with Workers.

Status	Name	Latest Commit	Preview URL	Updated (UTC)
✅ Deployment successful! View logs	tanstack-com	0388bfd	Commit Preview URL Branch Preview URL	Jul 11 2026, 10:07 PM

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: b391c1ff-04b1-49a1-b658-c675b56a948e

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch claude/branded-library-homepage-b16283

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}