Skip to content

chore: new branding and Framer-hosted landing page - #627

Merged
ymc9 merged 5 commits into
mainfrom
chore/rebrand-theme
Jul 12, 2026
Merged

chore: new branding and Framer-hosted landing page#627
ymc9 merged 5 commits into
mainfrom
chore/rebrand-theme

Conversation

@ymc9

@ymc9 ymc9 commented Jul 10, 2026

Copy link
Copy Markdown
Member

Summary

Aligns the docs site with the new branding on the Framer-built landing page and serves that page at the site root:

  • Primary color: changed from #ff7100 to #ff3f02, with all light/dark shade variants regenerated using the existing palette ratios (dark mode base is one step lighter: #ff521b)
  • Font: load IBM Plex Sans (400/500/600/700 + italic) from Google Fonts and set it as --ifm-font-family-base
  • Navbar brand: title rendered in the primary orange, uppercase, with a tighter gap between logo and text
  • Logo: favicon and navbar logo now use new-logo.png (single image for both color modes, srcDark removed)
  • Root rewrite: vercel.json rewrites / to the Framer landing page (the old /framer rewrites are removed)
  • Old home page removed: the custom home page and its components (src/pages/_components/*, Sponsorship, UserLogos) are deleted — a static root index.html would shadow the rewrite (Vercel checks the filesystem before applying rewrites), and the page is superseded by the Framer landing

Note: 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 /docs works as before. pnpm build passes; pnpm typecheck fails with a pre-existing, unrelated @docusaurus/theme-classic type-defs error (also fails on main).

🤖 Generated with Claude Code

Summary by CodeRabbit

  • Style

    • Updated site branding with a new logo, refreshed color palette, and IBM Plex Sans typography.
    • Improved navigation presentation with updated logo spacing, title styling, and uppercase labeling.
  • Content

    • Removed several landing-page sections covering features, data modeling, services, AI-assisted programming, sponsors, and customer logos.
    • Updated the ZenStack link in the React Table article to point to the official website.

- 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>
@vercel

vercel Bot commented Jul 10, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
zenstack-new-site Ready Ready Preview, Comment Jul 12, 2026 1:20pm

Request Review

@coderabbitai

coderabbitai Bot commented Jul 10, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Repository UI

Review profile: CHILL

Plan: Pro

Run ID: d8189f06-a340-4864-982e-7c967eacd99e

📥 Commits

Reviewing files that changed from the base of the PR and between 0d474c9 and d2fa242.

⛔ Files ignored due to path filters (1)
  • vercel.json is excluded by !**/*.json
📒 Files selected for processing (12)
  • blog/react-table/index.md
  • docusaurus.config.js
  • src/components/Sponsorship.tsx
  • src/components/UserLogos.tsx
  • src/pages/_components/AICoding.tsx
  • src/pages/_components/Notes.tsx
  • src/pages/_components/ORM.tsx
  • src/pages/_components/Schema.tsx
  • src/pages/_components/Service.tsx
  • src/pages/_components/ValueProps.tsx
  • src/pages/index.module.css
  • src/pages/index.tsx
💤 Files with no reviewable changes (10)
  • src/pages/_components/Notes.tsx
  • src/pages/index.module.css
  • src/pages/_components/ORM.tsx
  • src/pages/_components/Service.tsx
  • src/pages/_components/Schema.tsx
  • src/components/Sponsorship.tsx
  • src/pages/index.tsx
  • src/pages/_components/ValueProps.tsx
  • src/components/UserLogos.tsx
  • src/pages/_components/AICoding.tsx
🚧 Files skipped from review as they are similar to previous changes (1)
  • docusaurus.config.js

Walkthrough

The 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.

Changes

Site branding and theme

Layer / File(s) Summary
Branding and font configuration
docusaurus.config.js
The favicon and light navbar logo use img/new-logo.png, and IBM Plex Sans is loaded from Google Fonts.
Theme and navbar styling
src/css/custom.css
Light and dark primary color variables, the base font stack, navbar logo spacing, and navbar title styling are updated.

Landing page content removal

Layer / File(s) Summary
Landing page and section components
src/pages/index.tsx, src/pages/index.module.css, src/pages/_components/*, src/components/Sponsorship.tsx, src/components/UserLogos.tsx
The home page implementation, its scoped styles, and the value proposition, schema, ORM, service, AI coding, notes, sponsorship, and user-logo components are removed.

Documentation link update

Layer / File(s) Summary
ZenStack website link
blog/react-table/index.md
The introductory ZenStack link now targets https://zenstack.dev.

Estimated code review effort: 2 (Simple) | ~10 minutes

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly matches the main change: updated branding plus a Framer-hosted landing page at the site root.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
✨ Finishing Touches
📝 Generate docstrings
  • Create stacked PR
  • Commit on current branch
🧪 Generate unit tests (beta)
  • Create PR with unit tests
  • Commit unit tests in branch chore/rebrand-theme

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

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

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🧹 Nitpick comments (1)
docusaurus.config.js (1)

28-34: 🚀 Performance & Scalability | 🔵 Trivial | ⚡ Quick win

Consider adding preconnect hints for Google Fonts.

Adding preconnect links for fonts.googleapis.com and fonts.gstatic.com improves font loading performance by establishing early connections. Docusaurus 3.x supports headTags in 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

📥 Commits

Reviewing files that changed from the base of the PR and between 703a707 and 0d474c9.

📒 Files selected for processing (2)
  • docusaurus.config.js
  • src/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>
@ymc9 ymc9 changed the title chore: update theme to match new branding chore: new branding and Framer-hosted landing page Jul 10, 2026
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>
@ymc9
ymc9 merged commit 2e78ba0 into main Jul 12, 2026
4 checks passed
@ymc9
ymc9 deleted the chore/rebrand-theme branch July 12, 2026 13:23
sanny-io pushed a commit to sanny-io/zenstack-docs that referenced this pull request Jul 31, 2026
* 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>
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