Skip to content

UI Polish: Landing page hero & navbar refinements#1303

Open
saishnimbalkar397 wants to merge 1 commit into
komalharshita:mainfrom
saishnimbalkar397:fix/hero-section-ui-v2
Open

UI Polish: Landing page hero & navbar refinements#1303
saishnimbalkar397 wants to merge 1 commit into
komalharshita:mainfrom
saishnimbalkar397:fix/hero-section-ui-v2

Conversation

@saishnimbalkar397

Copy link
Copy Markdown
Contributor

Summary [required]

This PR refines the hero section and navigation layout of the DevPath landing page to improve visual hierarchy, interface clarity, and accessibility. Based on a review of the layout, several spacing and contrast adjustments were made. The navigation bar was decluttered to focus on core links, action items were repositioned to match standard user expectations, typography leading was expanded for better readability, and the primary call-to-action button text was updated to a dark color to resolve a low-contrast accessibility issue against the bright yellow background.

Related Issue [required]

Closes #1293

Type of Change [required]

  • Bug fix — resolves a broken behaviour
  • Feature — adds new functionality
  • Data — adds new projects to data/projects.json
  • Documentation — updates docs, README, or code comments only
  • [x ] Style — CSS or visual changes only, no logic change
  • Refactor — restructures code without changing behaviour
  • Test — adds or updates tests

What Was Changed [required]

File Change made
index.html Removed "Compare" and "GitHub" navigation links; repositioned "Login with GitHub" to the far right next to the theme toggle.
tstyle.css Increased line-height on the main h1 headline; updated text color of the .btn-primary (Start Finding Projects) button to a dark shade for accessible contrast; adjusted padding/spacing where applicable.

How to Test This PR [required]

Clone this branch: git checkout style/ui-refinement

Run the application locally using your development server (e.g., npm run dev or equivalent Vite command).

Open the application in your browser at the local port.

Verify the header layout: confirm "Login with GitHub" is now on the far right and the extra links are removed.

Inspect the "Start Finding Projects" button to ensure the dark text provides readable, accessible contrast against the yellow background.

Check the headline spacing (line-height) to ensure the text flows comfortably.

Test Results [required]

Visual inspection passed across desktop viewports.

Screenshots (if UI change)

| Before | After |
|image|image|
| screenshot | screenshot |

Self-Review Checklist [required]

  • [x ] I have read CONTRIBUTING.md and followed all guidelines
  • [ x] My branch name follows the convention: feat/, fix/, docs/, data/, style/, test/
  • I have run python tests/test_basic.py and all 27 tests pass
  • I have run flake8 . locally and there are no errors
  • [ x] I have not introduced any print() or console.log() debug statements
  • Every new function I wrote has a docstring
  • [ x] I have not modified files outside the scope of the linked issue
  • [ x] If I changed the UI, I tested it at 375px (mobile) and 1280px (desktop)
  • If I added a project to the dataset, it has all required JSON fields

Notes for Reviewer

Please pay close attention to the text contrast on the primary "Start Finding Projects" button. The new dark text resolves the previous readability issue present in the original layout.

@vercel

vercel Bot commented Jul 19, 2026

Copy link
Copy Markdown

@saishnimbalkar397 is attempting to deploy a commit to the komalsony234-1530's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions github-actions Bot added gssoc-2026 type:bug Something isn't working data labels Jul 19, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

data gssoc-2026 type:bug Something isn't working

Projects

None yet

Development

Successfully merging this pull request may close these issues.

UI Refinement: Fix CTA contrast, spacing, and layout alignment in Hero Section

1 participant