Skip to content

Fix solution CTA contrast and homepage love charcoal - #969

Merged
riderx merged 1 commit into
mainfrom
fix/solution-cta-contrast
Aug 15, 2026
Merged

Fix solution CTA contrast and homepage love charcoal#969
riderx merged 1 commit into
mainfrom
fix/solution-cta-contrast

Conversation

@riderx

@riderx riderx commented Aug 15, 2026

Copy link
Copy Markdown
Member

Summary

  • Solution closing bands used a colored gradient with a white button. After the shared wash, that gradient was gone so the button kept light text on white and the decorative SVG swooshes sat on charcoal.
  • White primary CTAs now use dark text, the swooshes are hidden, and the card is a quiet charcoal panel. Same fix on every header solution page that used this pattern (beta testing, fintech, agencies, QSR, and the rest).
  • Homepage They love Capgo drops the indigo blobs and sits on #1a1a1a like the sections around it. Supersedes Paint homepage They love Capgo on charcoal #962.

Visual diff

/solutions/beta-testing/ CTA after:
Beta testing CTA with dark text on white button

/solutions/fintech/ CTA after:
Fintech CTA with readable white button

Homepage They love Capgo:
They love Capgo on charcoal

Test plan

  • Open /solutions/beta-testing/ and scroll to the closing CTA: Get Started is dark text on white, no gray swoosh over the buttons
  • Open /solutions/fintech/: same readable white primary button
  • Spot-check /solutions/agencies/, /solutions/qsr/, /solutions/healthcare/
  • Open / and scroll to They love Capgo: background is #1a1a1a, no indigo blobs
  • Cordova-to-Capacitor AI still shows gradient (2026) text

Made with Cursor


View with [code]smith Autofix with [code]smith
Need help on this PR? Tag @codesmith-bot with what you need. Autofix is disabled.

Review in cubic

Killing the colored CTA bands left white buttons with light
text and gray swooshes. Keep dark type on white, hide the
overlays, and paint They love Capgo on the same charcoal.

Co-authored-by: Cursor <cursoragent@cursor.com>
@coderabbitai

coderabbitai Bot commented Aug 15, 2026

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

You’ve reached a temporary PR review limit under our Fair Usage Limits Policy.

Your recent review volume is higher than typical usage, so adaptive limits are currently applied.

Next review available in: 24 minutes

Enable usage-based reviews in Billing to review now. Otherwise, wait until the next included review is available.
You're only billed for reviews past your plan's rate limits ($0.25/file).

How can I continue?

After more reviews become available, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

To avoid repeated limits, reduce automatic review volume by pausing incremental auto-reviews earlier, using label-based review opt-in, excluding WIP or generated PR titles, or requesting reviews manually when the PR is ready. If your team needs uninterrupted high-volume reviews, an organization admin can enable usage-based reviews.

How do review limits work?

CodeRabbit enforces per-developer PR review limits for each organization. Most developers receive the normal plan review availability.

For paid Pro and Pro+ PR reviews, CodeRabbit uses adaptive limits for sustained high-volume activity. When a developer's recent PR review activity reaches the 95th percentile or higher among CodeRabbit users, additional reviews become available more gradually as earlier reviews age out of the rolling window.

Please refer docs for additional details.

Review details
⚙️ Run configuration

Configuration used: Organization UI

Review profile: ASSERTIVE

Plan: Pro

Run ID: 40e92db2-6668-4c62-baf6-05ff833fc449

📥 Commits

Reviewing files that changed from the base of the PR and between 3f9d039 and 9eb206b.

📒 Files selected for processing (5)
  • .pr-screenshots/beta-testing-cta.webp
  • .pr-screenshots/fintech-cta.webp
  • .pr-screenshots/home-love-after.webp
  • apps/web/src/components/Testimonials.astro
  • apps/web/src/styles/product-surface.css

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

@sonarqubecloud

Copy link
Copy Markdown

@riderx
riderx marked this pull request as ready for review August 15, 2026 13:14

@cubic-dev-ai cubic-dev-ai 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.

All reported issues were addressed across 5 files

Reply with feedback, questions, or to request a fix.

Re-trigger cubic

Comment thread apps/web/src/styles/product-surface.css
@riderx

riderx commented Aug 15, 2026

Copy link
Copy Markdown
Member Author

The .product-hero a.bg-white rule is only for solid white CTA buttons. bg-white/5 and hover tints are different classes, so they stay light-on-dark. Dark text on those white buttons is the contrast fix.

@riderx
riderx merged commit ba4b823 into main Aug 15, 2026
14 checks passed
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