v1.2.37Web App
•1 min read

Landing Page Button Sizing & Visual Proportion Refinement

Landing PageVisual DesignWeb App

Refined hero and call-to-action button proportions on the home page from oversized large buttons to standard, sleek medium buttons for cleaner visual alignment and hierarchy.

#Landing Page Button Sizing & Visual Proportion Refinement

This release refines the button sizing on the landing page for a more balanced and elegant developer tool aesthetic:

  • Hero Call-to-Action Proportions: Scaled down the hero section action buttons ("Start for free" and "Documentation") from size="lg" (48px) to size="md" (40px), improving typography alignment and reducing excessive visual weight.
  • Bottom CTA Harmonization: Adjusted the bottom call-to-action section buttons ("Create free vault" and "Read documentation") to medium size, providing consistent visual rhythm across the page.
  • Mobile & Desktop Balance: Maintained crisp touch targets while achieving tighter, more refined layouts across desktop and mobile screens.