Created a Figma design for Core Navigation and Authentication Pages (Figma)

[rexx010]

Description

This PR consolidates the UI/UX design deliverables for the core navigation components and authentication pages in Figma. The designs adhere strictly to the platform's established design system, utilizing appropriate Light and Dark mode themes, reusable components, and responsive auto-layouts.

Note: This PR is strictly for UI/UX design in Figma and does not involve frontend implementation.

Issues Addressed

Closes #111
Closes #112
Closes #113
Closes #114

Design Deliverables Completed

• Header - Navbar: High-fidelity design using the Dark Mode design system.
• Footer Component: High-fidelity design using the Light Mode design system.
• Login Page: High-fidelity design using the Light Mode design system.
• Register Page: High-fidelity design using the Light Mode design system.

Implementation Details

• Applied proper typography, spacing, and alignment consistent with platform styles.
• Utilized reusable Figma components and auto-layout for responsive layouts.
• Ensured clear contrast and readability across respective light and dark background surfaces.
• Maintained a clean, organized layer structure with proper naming conventions for all frames and components.

Acceptance Criteria Met

• Designs are completed in Figma.
• Light/Dark Mode styling is properly applied to respective pages/components.
• Components and layers are organized and properly named.
• Spacing and consistency have been validated.

[drips-wave]

@rexx010 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits