Description
Overview
The current landing page hero section feels visually pushed downward, which creates excessive empty space at the top and weakens the first impression of the homepage.
The alignment and spacing make the content appear disconnected from the navbar and reduce the overall visual balance of the page.
This issue focuses on improving the hero section positioning, spacing, responsiveness, and overall visual hierarchy while keeping the existing design language intact.
Current Problems
- Excessive top spacing between navbar and hero content
- Hero section appears vertically misaligned/downward shifted
- Large empty area at the top reduces visual engagement
- Content density feels uneven
- Typography scaling may feel oversized on some screen sizes
- CTA hierarchy and spacing can be improved further
- Hero section does not feel properly centered visually
Suggested Improvements
Future contributor can explore improvements such as:
- Reduce unnecessary top margin/padding in the hero section
- Improve vertical centering and content alignment
- Refine spacing between heading, description, and CTA/buttons
- Improve responsive behavior across:
- Desktop
- Tablet
- Mobile devices
- Adjust typography scaling if needed
- Improve section width/max-width balancing
- Maintain the current monochrome/minimal aesthetic
- Ensure the hero section creates a stronger first impression
Expected Outcome
- Hero section should feel visually centered and balanced
- Reduced unnecessary empty space
- Better alignment with navbar and viewport
- Improved readability and responsiveness
- Cleaner and more polished landing page experience
Technical Notes
- Keep the current branding and design language consistent
- Avoid unnecessary redesigns; focus mainly on layout refinement
- Ensure responsiveness is preserved
- Review section height, flex alignment, and spacing utilities carefully
Reference
Current hero section screenshot attached below :
Description
Overview
The current landing page hero section feels visually pushed downward, which creates excessive empty space at the top and weakens the first impression of the homepage.
The alignment and spacing make the content appear disconnected from the navbar and reduce the overall visual balance of the page.
This issue focuses on improving the hero section positioning, spacing, responsiveness, and overall visual hierarchy while keeping the existing design language intact.
Current Problems
Suggested Improvements
Future contributor can explore improvements such as:
Expected Outcome
Technical Notes
Reference
Current hero section screenshot attached below :