Skip to content

Improved landing page with text visibility#591

Open
Chandrika987 wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Chandrika987:fix/contrast
Open

Improved landing page with text visibility#591
Chandrika987 wants to merge 1 commit into
Priyanshu-byte-coder:mainfrom
Chandrika987:fix/contrast

Conversation

@Chandrika987
Copy link
Copy Markdown

Summary

Improved the landing page visual hierarchy, readability, and accessibility contrast by enhancing typography visibility, button distinction, spacing, and feature card styling while preserving the existing layout and functionality.

Closes #261

Type of Change

  • Bug fix
  • New feature
  • Documentation update
  • Refactor / code cleanup

Changes Made

  • Improved heading and subtitle contrast for better readability
  • Refined spacing and typography hierarchy in the hero section
  • Added subtle UI polish for a cleaner landing experience

How to Test

Steps for the reviewer to verify this works:

  1. Run the project locally using npm run dev
  2. Observe the landing page hero section
  3. Verify improved visibility of:
    • Application title
    • Description text
    • Secondary CTA button
    • Feature cards
  4. Test responsiveness across different screen sizes

Screenshots

image

Checklist

  • Linked issue in summary
  • npm run lint passes locally
  • No TypeScript errors (npm run type-check)
  • Self-reviewed the diff
  • Added/updated tests if applicable

@vercel
Copy link
Copy Markdown

vercel Bot commented May 21, 2026

@Chandrika987 is attempting to deploy a commit to the PRIYANSHU DOSHI's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added the gssoc26 GSSoC 2026 contribution label May 21, 2026
@github-actions
Copy link
Copy Markdown

GSSoC Label Checklist 🏷️

@Priyanshu-byte-coder — please apply the appropriate labels before merging:

Difficulty (pick one):

  • level:beginner — 20 pts
  • level:intermediate — 35 pts
  • level:advanced — 55 pts
  • level:critical — 80 pts

Quality (optional):

  • quality:clean — ×1.2 multiplier
  • quality:exceptional — ×1.5 multiplier

Validation (required to score):

  • gssoc:approved — counts for points
  • gssoc:invalid / gssoc:spam / gssoc:ai-slop — does not score

Type labels (type:*) are auto-detected from files and title. Review and adjust if needed.
Points formula: (difficulty × quality_multiplier) + type_bonus

Copy link
Copy Markdown

@github-actions github-actions Bot left a comment

Choose a reason for hiding this comment

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

Thanks for your first PR on DevTrack! 🎉

A maintainer will review it within 48 hours. While you wait:

  • Make sure CI is passing (type-check + lint)
  • Double-check the PR description is filled out and the issue is linked
  • Feel free to ask questions in Discussions if you need help

If you find DevTrack useful, a ⭐ star on the repo is always appreciated — it helps the project grow and attract more contributors!

@Chandrika987
Copy link
Copy Markdown
Author

Hello @Priyanshu-byte-coder ,
The update focuses on improving the initial screen’s readability and accessibility by enhancing text contrast, button visibility, spacing, and overall visual hierarchy while keeping the existing design structure intact.
I also ensured the changes remain responsive and visually consistent across different screen sizes and themes.
Please review it whenever convenient. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc26 GSSoC 2026 contribution

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] Hero section text and buttons have poor visibility due to low contrast

1 participant