Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a mobile-first portfolio website for UX/UI designer Melania Molina. The site will serve as a professional showcase of Melania's work, emphasizing a minimal, editorial design that focuses on product design. The structure will support seamless navigation and an elegant user experience across devices.

## CORE FEATURES
1. **Hero Section**: 
   - Introduces Melania with her name, title, and a brief description of her design philosophy. Includes buttons for 'Contact Me' and 'Download CV'.
  
2. **Projects Section**: 
   - Displays selected projects in a vertical stack format, featuring large screenshots and detailed project descriptions outlining the impact, role, and tools used.

3. **Contact Section**: 
   - Provides contact information and options for potential clients to reach out directly through email or a simple contact form.

4. **Responsive Design**: 
   - The site will be fully responsive, ensuring an optimal viewing experience on mobile, tablet, and desktop devices, with layouts adapting accordingly.

5. **Sticky Navigation Bar**: 
   - A persistent navigation bar that remains at the top of the viewport, enhancing usability and access to different sections as users scroll.

6. **Smooth Scrolling**: 
   - Implement smooth scrolling for navigation links to improve user experience when transitioning between sections.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with generous whitespace, a neutral color palette, and a focus on strong typography to enhance readability and professionalism.
- **Color Mode**: Light theme with dark text on off-white and soft gray backgrounds to maintain a sophisticated look.
- **Layout**: 
  - Mobile: Single-column layout prioritizing vertical flow.
  - Desktop: Two-column layout in the hero section and a two-column layout for project descriptions.
- **Typography**: 
  - Use modern sans serif fonts such as Inter, Neue Haas Grotesk, and Söhne.
  - Establish a strong typography hierarchy with large headings and clear subheadings.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling that promotes a clean design system.
- **UI Components**: Utilize shadcn/ui for a consistent and modern UI design.
- **State Management**: Not required for this project, given the static nature of the content.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**:
   - Build the Hero, Projects, and Contact components.
   - Ensure each component is responsive and follows the design specifications outlined.
3. **Implement Navigation**:
   - Create a sticky navigation bar that showcases Melania's name and links to the sections.
   - Set up smooth scrolling for navigation links.
4. **Design Layout**:
   - Use Flexbox or CSS Grid to achieve the desired layout for both mobile and desktop views.
   - Ensure generous whitespace is incorporated throughout the design.
5. **Content Population**:
   - Populate the Projects section with sample project details and images, ensuring the layout is as specified.
6. **Test Responsiveness**:
   - Conduct thorough testing across various devices to ensure the design adapts seamlessly.

## USER EXPERIENCE
- Users will experience a clean and professional portfolio that highlights Melania's work. 
- The sticky navigation will allow for easy access to different sections, while the smooth scrolling enhances the flow between components.
- The minimalistic design will focus users' attention on the content, ensuring clarity and usability throughout their journey on the site. 

This comprehensive prompt will guide the development of a functional, minimalist portfolio website that aligns perfectly with Melania Molina's vision as a UX/UI designer.