Skip to content

feat: improve hero text visibility with larger font and smaller backg… - #2

Open
Sarthakv007 wants to merge 1 commit into
somewherelostt:mainfrom
Sarthakv007:fix/improve-hero-text-visibility
Open

feat: improve hero text visibility with larger font and smaller backg…#2
Sarthakv007 wants to merge 1 commit into
somewherelostt:mainfrom
Sarthakv007:fix/improve-hero-text-visibility

Conversation

@Sarthakv007

Copy link
Copy Markdown
Contributor

🎨 Add Blue-White Gradient to Hero Text

Problem

Manager feedback: "Better to have blue white as like past gradients" - the hero text needed a gradient effect similar to previous designs for better visual appeal.

Solution

Updated "Base Circle Club" particle text to use a blue-white gradient while maintaining visibility:

Color Gradient:

  • Dark Base Blue: #0052FF (signature brand color)
  • Medium Blue: #3B82F6
  • Light Blue: #60A5FA
  • White: #FFFFFF

This creates a smooth gradient transition matching the style of past designs.

Configuration:

  • Font size: 1500px (large and readable)
  • Particle size: 2px (refined for clarity)
  • Particle gap: 1px (dense text rendering)
  • Background particles: 3px (smaller than text for contrast)

Changes

  • Modified components/home-sections.tsx
    • Updated ParticleText colors prop with blue-white gradient
    • Optimized particle size and gap for best visual result

@vercel

vercel Bot commented Mar 6, 2026

Copy link
Copy Markdown

@Sarthakv007 is attempting to deploy a commit to the Maaz's projects Team on Vercel.

A member of the Team first needs to authorize it.

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