[FEAT]: Phase - 1 Issue 4: Frontend Typography and Design System

[sidd233]

Description

Design Guidelines:

• Follow the comprehensive design system outlined in client/DESIGN.md
• Use Geist Sans as the primary font family as specified in the design schema
• Implement the typography hierarchy, color palette, and layout components defined in the design document

Implementation:

• Font loading optimization for Geist Sans from Vercel/Google Fonts
• CSS/styled-components integration with Geist Sans
• Design tokens for typography using Geist Sans font variables
• Accessibility considerations (contrast, readability) with Geist Sans

Design System Components:

• Heading components (H1-H6) using Geist Sans
• Body text variations with Geist Sans
• Button typography with Geist Sans
• Form input styling with Geist Sans

Acceptance Criteria:

• Typography scale implemented using Geist Sans
• Responsive font sizing working
• Typography components
• Design system follows guidelines in client/DESIGN.md

Additional Information

No response

[dsc-nitr]

much appreciated!

[dsc-nitr]

@all-contributors add @siddharth-narayan-mishra for bug

[allcontributors]

@dsc-nitr

I've put up a pull request to add @siddharth-narayan-mishra! 🎉

[Aditya-Prakash14]

/assign

[ayussh-2]

@Aditya-Prakash14 are you up for this issue??