chore: new branding and Framer-hosted landing page - #627
Conversation
- Change primary color to #ff3f02 (matching zenstack.dev/framer) - Use IBM Plex Sans as the base font - Style navbar title in orange, all caps, tighter logo gap - Replace logo.png/logo-dark.png with new-logo.png Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
|
No actionable comments were generated in the recent review. 🎉 ℹ️ Recent review info⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (1)
📒 Files selected for processing (12)
💤 Files with no reviewable changes (10)
🚧 Files skipped from review as they are similar to previous changes (1)
WalkthroughThe Docusaurus site branding now uses a new logo, IBM Plex Sans, updated light and dark color palettes, and additional navbar styling. The landing page and several reusable content components were removed, and a blog link now points to the ZenStack website. ChangesSite branding and theme
Landing page content removal
Documentation link update
Estimated code review effort: 2 (Simple) | ~10 minutes 🚥 Pre-merge checks | ✅ 5✅ Passed checks (5 passed)
✨ Finishing Touches📝 Generate docstrings
🧪 Generate unit tests (beta)
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. Comment |
There was a problem hiding this comment.
🧹 Nitpick comments (1)
docusaurus.config.js (1)
28-34: 🚀 Performance & Scalability | 🔵 Trivial | ⚡ Quick winConsider adding
preconnecthints for Google Fonts.Adding preconnect links for
fonts.googleapis.comandfonts.gstatic.comimproves font loading performance by establishing early connections. Docusaurus 3.x supportsheadTagsin the config for this purpose.⚡ Suggested addition
stylesheets: [ { href: 'https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap', type: 'text/css', }, ], +headTags: [ + { + tagName: 'link', + attributes: { + rel: 'preconnect', + href: 'https://fonts.googleapis.com', + }, + }, + { + tagName: 'link', + attributes: { + rel: 'preconnect', + href: 'https://fonts.gstatic.com', + crossorigin: 'true', + }, + }, +],🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the rest with a brief reason, keep changes minimal, and validate. In `@docusaurus.config.js` around lines 28 - 34, Add Docusaurus 3.x `headTags` entries in the configuration to preconnect to `https://fonts.googleapis.com` and `https://fonts.gstatic.com`, including `crossorigin` for the latter, alongside the existing Google Fonts `stylesheets` configuration.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.
Nitpick comments:
In `@docusaurus.config.js`:
- Around line 28-34: Add Docusaurus 3.x `headTags` entries in the configuration
to preconnect to `https://fonts.googleapis.com` and `https://fonts.gstatic.com`,
including `crossorigin` for the latter, alongside the existing Google Fonts
`stylesheets` configuration.
ℹ️ Review info
⚙️ Run configuration
Configuration used: Repository UI
Review profile: CHILL
Plan: Pro
Run ID: edf041fd-9e0f-4c14-8706-fe6366cd09cc
📒 Files selected for processing (2)
docusaurus.config.jssrc/css/custom.css
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Vercel rewrites only apply when no static file matches the path, so the Docusaurus-generated root index.html was shadowing the / -> Framer rewrite. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The custom home page (moved to /home earlier) is superseded by the Framer-hosted landing page served at the root. Sponsorship/UserLogos components were only used by it. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
* chore: update theme to match new branding - Change primary color to #ff3f02 (matching zenstack.dev/framer) - Use IBM Plex Sans as the base font - Style navbar title in orange, all caps, tighter logo gap - Replace logo.png/logo-dark.png with new-logo.png Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * chore: rewrite root to framer landing page Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * chore: move custom home page to /home so root rewrite takes effect Vercel rewrites only apply when no static file matches the path, so the Docusaurus-generated root index.html was shadowing the / -> Framer rewrite. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * chore: remove old home page and /framer rewrites The custom home page (moved to /home earlier) is superseded by the Framer-hosted landing page served at the root. Sponsorship/UserLogos components were only used by it. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> * update framer custom domain --------- Co-authored-by: Claude Fable 5 <noreply@anthropic.com>
Summary
Aligns the docs site with the new branding on the Framer-built landing page and serves that page at the site root:
#ff7100to#ff3f02, with all light/dark shade variants regenerated using the existing palette ratios (dark mode base is one step lighter:#ff521b)--ifm-font-family-basenew-logo.png(single image for both color modes,srcDarkremoved)vercel.jsonrewrites/to the Framer landing page (the old/framerrewrites are removed)src/pages/_components/*,Sponsorship,UserLogos) are deleted — a static rootindex.htmlwould shadow the rewrite (Vercel checks the filesystem before applying rewrites), and the page is superseded by the Framer landingNote: in local dev (
pnpm start),/returns 404 since the rewrite only exists on Vercel — use/docs.Verified on the preview deployment:
/serves the Framer page and/docsworks as before.pnpm buildpasses;pnpm typecheckfails with a pre-existing, unrelated@docusaurus/theme-classictype-defs error (also fails on main).🤖 Generated with Claude Code
Summary by CodeRabbit
Style
Content