Skip to content

Conversation

@Khushi5155
Copy link
Contributor

@Khushi5155 Khushi5155 commented Jan 21, 2026

Description:

This PR focuses on revamping the homepage of OpenSource-Compass to improve visual consistency, user engagement, and overall aesthetic appeal. Several key sections and cards have been redesigned while keeping the existing color theme and brand identity intact.

Issue #607

Changes Include:

  1. Stats / Impact Section Redesign:
  • Updated cards to have gold borders for a premium look.
  • Consistent background (var(--warm-cream)) across all stat cards.
  • Added hover effects with smooth bounce animation and shadow enhancement.
  • Typography and spacing adjusted for better readability and hierarchy.
  1. Programs Section:
  • Re-styled program cards with light-theme color scheme to match homepage consistency.
  • Enhanced hover states with shadow and subtle lift effect for interactivity.
  • Improved padding, rounded corners, and spacing between cards.
  1. Newsletter Section:
  • Redesigned for light-theme aesthetics while maintaining prominence.
  • Used soft background, rounded corners, and gold-accented buttons.
  • Added interactive hover effects on input fields and subscription button (icon animation, subtle lift).
  1. Overall Enhancements:
  • Unified spacing, typography, and color usage across all sections.
  • Implemented smoother hover animations for a more polished, professional feel.
  • Maintained responsiveness across devices (cards, grids, and newsletter form).

Screenshot

Screenshot 2026-01-21 161354 Screenshot 2026-01-21 161455 Screenshot 2026-01-21 161444 Screenshot 2026-01-21 161404 Screenshot 2026-01-21 161431 Screenshot 2026-01-21 161417

@sayeeg-11
Copy link
Owner

@Khushi5155 please resolve merge conflicts

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

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants