Revamp and Modernize the Landing Page UI/UX #190
Description
Overview
The current landing page provides core functionality but lacks a cohesive, modern visual identity. Layout, spacing, and visual hierarchy can be improved to better reflect the project’s goals and create a stronger first impression for new users and contributors.
Objective
- Revamp the landing page for improved:
- Visual hierarchy and layout balance
- Responsiveness across all screen sizes
- Consistent color usage and typography
- Clearer call-to-actions (e.g., “Get Started”, “View Docs”, “Contribute”)
- Accessibility and readability improvements
Current Design Limitations
- Inconsistent spacing and typography hierarchy
- Overlapping or uneven element alignment on smaller screens
- Weak visual focus — key CTAs blend into other content
- Header and footer sections don’t visually align with the landing content
- Lack of animation or micro-interactions that enhance UX
Proposed Improvements
- Adopt a grid-based responsive layout using Tailwind / CSS modules for clean structure
- Add hero section redesign (clear tagline, project summary, and CTA buttons)
- Introduce visual consistency through unified font scales, accent colors, and spacing
(Optionally add):
- Subtle scroll animations or transitions
- Illustrations or icons for quick visual communication
- Compact feature highlight section or contributor spotlight
Relevant ScreenShots
Additional Context
Pls assign this issue to me under GSSoC'25