Replace React on Rails logo and brand assets#116
Conversation
Swap in the finalized React on Rails brand mark (full-triangle ruby, reduced tilt, angular glint) and retire the separate "Pro" artwork. Assets (static/img): - Add canonical kit: icon-tile.svg (rounded dark tile mark), favicon.ico, icon-192/512.png, mark-transparent.svg/.png, and light/dark horizontal lockups (svg + png). - Add social cards: react-on-rails-social-card.png (homepage / default OG) and react-on-rails-pro-social-card.png (Pro page OG). Both use the same canonical icon; there is no separate Pro logo anymore. - Remove retired artifacts: logo-mark(.png/.svg), logo-mark-pro(.png/.svg), logo.png, logo-lockup-light/dark.svg, and apple-touch-icon.png. Wiring: - docusaurus.config.ts: favicon -> img/favicon.ico; navbar logo -> img/icon-tile.svg. Default OG image filename is unchanged (new artwork). - index.tsx: hero and Pro-section marks -> img/icon-tile.svg (Pro reuses the standard mark). - pro.tsx: set the Pro page OG image via PageMetadata to the Pro social card. Verified with a full production build: favicon, per-page OG/Twitter images, and navbar/hero marks all resolve to the new assets.
|
Warning Review limit reached
More reviews will be available in 16 minutes and 45 seconds. Learn how PR review limits work. Your organization has run out of usage credits. Purchase more in the billing tab. ⌛ How to resolve this issue?After more reviews become available, a review can be triggered using the We recommend that you space out your commits to avoid hitting the rate limit. 🚦 How do rate limits work?CodeRabbit enforces hourly rate limits for each developer per organization. Our paid plans include higher PR review limits than trial, open-source, and free plans. In all cases, reviews become available again over time. During sustained high-volume PR review activity, CodeRabbit may temporarily slow when the next review becomes available. Please see our Fair Usage Limits Policy for further information. ℹ️ Review info⚙️ Run configurationConfiguration used: Organization UI Review profile: CHILL Plan: Pro Run ID: ⛔ Files ignored due to path filters (20)
📒 Files selected for processing (3)
✨ Finishing Touches🧪 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 |
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 1 potential issue.
Bugbot Autofix is ON. A cloud agent has been kicked off to fix the reported issue.
Reviewed by Cursor Bugbot for commit 2fe6a3e. Configure here.
|
|
||
| function ProSection() { | ||
| const proLogoSrc = useBaseUrl('/img/logo-mark-pro.svg'); | ||
| const proLogoSrc = useBaseUrl('/img/icon-tile.svg'); |
There was a problem hiding this comment.
Pro section alt mismatches image
Low Severity
The Pro feature block now uses the same icon-tile.svg mark as the hero, but the image alt still says it is a distinct Pro logo. That text no longer matches what is shown after retiring the Pro badge artwork.
Reviewed by Cursor Bugbot for commit 2fe6a3e. Configure here.
Greptile SummaryReplaces the React on Rails brand assets across the Docusaurus site — new canonical icon, favicon, social cards, and lockup variants — and retires the old
Confidence Score: 5/5Safe to merge — purely a visual asset swap with no logic changes, and all retired file references have been cleaned up. Every deleted asset (logo-mark, logo-mark-pro, logo-lockup-, logo.png, apple-touch-icon.png) has been confirmed to have no remaining references in source code. The three code-file changes are mechanical path updates, and the new PageMetadata image path follows the same convention already used by themeConfig.image in docusaurus.config.ts. Brand-kit extras (lockup-, mark-transparent-*) are intentionally added as unreferenced design artifacts for external use. No files require special attention. Important Files Changed
Flowchart%%{init: {'theme': 'neutral'}}%%
flowchart TD
A[docusaurus.config.ts] -->|favicon| B[img/favicon.ico]
A -->|navbar logo| C[img/icon-tile.svg]
A -->|global OG image| D[img/react-on-rails-social-card.png]
E[src/pages/index.tsx] -->|hero logo| C
E -->|Pro section logo| C
F[src/pages/pro.tsx] -->|PageMetadata OG image| G[img/react-on-rails-pro-social-card.png]
H[Brand kit extras] --> I[lockup-light.svg/png]
H --> J[lockup-dark.svg/png]
H --> K[mark-transparent.svg]
H --> L[mark-transparent-1024.png]
H --> M[icon-192.png / icon-512.png]
Reviews (1): Last reviewed commit: "Replace React on Rails logo and brand as..." | Re-trigger Greptile |
|
Cloudflare preview deployed.
|
1 participant
Summary
Replaces the React on Rails logo and brand assets with the finalized mark — a full-triangle ruby, reduced tilt, with an angular glint — and retires the separate "Pro" artwork. The Pro tier now reuses the standard canonical mark everywhere (no more
PRObadge variant).Visual comparison
Brand mark
The gem is now a full triangle (previously clipped by the orbit), with reduced tilt and an angular highlight. Used for the favicon, navbar, homepage hero, and the Pro section.
Homepage social card (Open Graph)
Pro: retired badge → dedicated Pro social card
The old
logo-mark-probadge artwork is gone. The/propage now reuses the standard mark and gets its own social card (same canonical icon, no separate Pro logo).Changes
Assets (
prototypes/docusaurus/static/img/)icon-tile.svg(rounded dark-tile mark),favicon.ico,icon-192/512.png,mark-transparent.svg/.png(bare mark), and light/dark horizontal lockups (lockup-light/lockup-dark, svg + png).react-on-rails-social-card.png(homepage/default OG) andreact-on-rails-pro-social-card.png(Pro page OG).logo-mark(.png/.svg),logo-mark-pro(.png/.svg),logo.png,logo-lockup-light/dark.svg,apple-touch-icon.png.Wiring
docusaurus.config.ts: favicon →img/favicon.ico; navbar logo →img/icon-tile.svg.src/pages/index.tsx: hero + Pro-section marks →img/icon-tile.svg.src/pages/pro.tsx: set the Pro page OG image viaPageMetadata→ Pro social card.Verification
Full production build (
npm run build) passes. Confirmed in the generated HTML:/img/favicon.icoreact-on-rails-social-card.png/proOG/Twitter image →react-on-rails-pro-social-card.png/img/icon-tile.svg(The build also surfaces pre-existing broken-link/anchor warnings in the upstream docs content, unrelated to this change.)
🤖 Generated with Claude Code
Note
Low Risk
Documentation-site static assets and image path updates only; no application logic, auth, or data handling.
Overview
This PR rolls out a new React on Rails brand kit in the Docusaurus prototype and points the site at the new assets instead of the retired
logo-mark*files.Site wiring now uses
img/favicon.icofor the favicon,img/icon-tile.svgfor the navbar logo, and the same tile mark on the homepage hero and Pro feature block (replacinglogo-mark.pngand the separatelogo-mark-pro.svg). The Pro marketing page sets a dedicated Open Graph image viaPageMetadata(react-on-rails-pro-social-card.png).Static assets add SVG marks and lockups (
icon-tile,mark-transparent,lockup-light/lockup-dark) with the updated full-triangle ruby + angular glint artwork, and delete the oldlogo-mark,logo-mark-pro, andlogo-lockup-*SVGs.Reviewed by Cursor Bugbot for commit 2fe6a3e. Bugbot is set up for automated code reviews on this repo. Configure here.