Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for a shoe buy and sell company, similar to Jumia. The primary purpose is to create a user-friendly sign-in interface that allows customers to easily access their accounts, facilitating an engaging shopping experience.

## CORE FEATURES
1. **User Authentication**: Secure sign-in functionality for users to access their accounts using email and password.
2. **Password Recovery**: A straightforward process for users to recover their passwords via email verification.
3. **Responsive Design**: A layout that adapts seamlessly to various screen sizes and devices for optimal user experience.
4. **Minimalist Aesthetic**: Focus on clean design with ample white space to enhance usability and readability.
5. **Branding Elements**: Incorporation of the brand's primary color (#1978E5) in buttons and links to maintain brand consistency.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Primary Color**: #1978E5 (accent for buttons, links, highlights).
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements.
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs.
- **Layout**: The main layout will feature a centered sign-in form with input fields for email and password, a submit button, and a link for password recovery. The overall structure will ensure clear focus on the form elements with generous spacing around them.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this initial authentication screen

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create the Sign-In Component**:
   - Build a functional component for the sign-in form.
   - Use Tailwind CSS classes to implement the minimalist design.
4. **Implement Form Validation**: Ensure proper validation for email format and password requirements.
5. **Add Authentication Logic**: Implement user sign-in logic that integrates with a backend service (if applicable).
6. **Test Responsiveness**: Use browser developer tools to test the sign-in page across different devices and screen sizes.

## USER EXPERIENCE
Users will land on a clean sign-in page where they can input their email and password. The minimalist design ensures that the focus is on the input fields and action buttons. Upon clicking the sign-in button, users will be authenticated, and if they forget their password, they can easily navigate to the recovery page through a prominent link. The overall experience should be smooth, intuitive, and visually appealing, reinforcing the brand identity with the primary color throughout the design.