Implement Poppins Font and Enhance Typography Across the Project

[ShubhKanodia]

---

Field	Description
About	🚀 Flutter's Widget Wonderland! Explore, Learn, Create. Your one-stop for all things Flutter widgets! 📱✨
Label	Add Poppins font to all the titles/headings with appropriate color and improve layouting

---

Issue Title

Add Poppins font to all the titles/headings with appropriate color and improve layouting

Description

Overview

The objective of this task is to enhance the typography and layout in our Flutter application, drawing inspiration from the Poppins font example used in the AppBar titles of both the homepage and widget_detail_screen.dart screens. This example will serve as a style guide for implementing the Poppins font throughout the entire project and ensuring a consistent and visually appealing design.

Details

To achieve this, the following steps will be taken:

1. Font Integration:

   • Begin by integrating the Poppins font into the project, using the font example in the AppBar titles of the mentioned screens as a reference. Ensure that the font is properly licensed and added to the project's assets.

2. Typography Enhancement:

   • Utilize the Poppins font example from the AppBar titles to guide the replacement of existing fonts with the Poppins font in all titles and headings across the application.
   • Ensure that the font weights and styles are consistent with the example.

3. Color Scheme Adjustment:

   • Take inspiration from the color scheme used in the Poppins font example in the AppBar titles.
   • Apply the selected colors to titles and headings to maintain a cohesive and visually pleasing design.

4. Layout Improvements:

   • Evaluate the current layout of the application.
   • Refer to the layout style used in the AppBar titles to guide improvements throughout the application.
   • Ensure that text elements are properly aligned, spaced, and responsive across various screen sizes and orientations.

5. Testing and Validation:

   • Rigorously test the application on different devices and screen sizes to confirm that the font, color, and layout changes do not introduce any issues.
   • Gather feedback from team members and stakeholders to validate the improvements.

6. Documentation:

   • Update the project's documentation to reflect the changes made, including any updated design guidelines, color codes, and font usage instructions.

Acceptance Criteria

The issue can be considered resolved when:

• The Poppins font is consistently applied to all titles and headings throughout the application.
• The color scheme is updated to match the example in the AppBar titles, creating a unified design.
• Layout improvements result in a well-structured and user-friendly application on various devices.
• Testing and validation confirm that the changes do not introduce any issues.
• Documentation is updated to reflect the font, color, and layout changes.

Additional Information

Please refer to the Poppins font example used in the AppBar titles of the homepage and widget_detail_screen.dart as a visual guide for this task. Ensuring that the entire project follows this style will provide a consistent and improved user experience. If you have any questions or require further guidance, please don't hesitate to reach out to the team.