Skip to content

Feature Request: UI Enhancement for Light Mode Landing Page #704

@RiddhiBose

Description

@RiddhiBose

Feature Proposal: Modernize Light Mode Visual Hierarchy

Current State & Context

The current light mode UI on the landing page is highly functional and clean, but it feels a bit flat visually. Adding a subtle touch of modern UI styling could make the landing page look more premium and engaging for first-time developers visiting the site.

Proposed Solution & Design Enhancements

I would like to introduce subtle gradient elements to enhance the visual hierarchy without compromising readability. Specifically, I propose:

  1. Adding a subtle linear gradient to the main hero typography ("Write code. Break it. Fix it fast.").
  2. Introducing a very soft, low-opacity radial mesh glow in the background behind the hero section using the project's signature teal color palette.
  3. Enhancing the primary buttons with smooth gradient transitions on hover.

Alternative Approaches Considered

Keeping it solid, but utilizing slightly altered box-shadows or border-radius refinements to give it more depth.

Contribution Intent (GSSoC '26)

Yes, I am participating as a GSSoC '26 contributor and would love to take this up! Please assign this issue to me so I can get started.

Metadata

Metadata

Assignees

No one assigned

    Labels

    gssocOfficial GSSoC '26 issue tagtype:bugVulnerability or logical bug fixestype:designTactile visual design and UI alignmentstype:featureNew functional feature additionstype:performancePerformance and latency optimizationstype:refactorCode refactoring and cleanliness updates

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions