Lovable Prompt Creator - AI Prompt Generator

```markdown
PROJECT DEFINITION
Create an extraordinary digital portfolio titled "ADIOS" for a web designer, creative developer, and digital experience designer. This portfolio should not resemble a traditional template; instead, it should offer a cinematic scrolling experience that captivates visitors and conveys the essence of high-end digital storytelling. The goal is to create an engaging, interactive platform that invites users to explore the designer's work while immersing them in a unique visual journey.

DESIGN REQUIREMENTS
- 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

TECH STACK & CONSTRAINTS
- Preferred tech stack: HTML, CSS, JavaScript
- Utilize GSAP and ScrollTrigger for scroll-driven animations
- Must support responsive design across various devices (desktop, tablet, mobile)
- Implement lazy loading for images and optimize for performance

BREAKDOWN INTO TASKS
1. Set up the project structure and include necessary libraries (GSAP, ScrollTrigger).
2. Design the hero section with large typography and a subtle scroll prompt.
3. Create the cinematic scroll effect using HTML Canvas for the animation sequence.
4. Develop the image sequence system to support local numbered images.
5. Implement scroll-triggered typography animations and micro-interactions.
6. Design and implement the navigation system, ensuring it is subtle yet effective.
7. Create the sections for "THE ENTRANCE," "THE IDEA," "THE SYSTEM," etc., with unique visual rhythms.
8. Develop the "MOTION LAB" section with interactive experiments.
9. Optimize the website for performance and responsiveness.
10. Conduct thorough testing to ensure all interactions and animations work seamlessly.

IMPLEMENTATION GUIDANCE
1. Start with a basic HTML structure, linking to CSS and JavaScript files.
2. Use GSAP to create scroll-triggered animations that enhance the cinematic experience.
3. Set up the HTML Canvas for the cinematic section and implement the image sequence rendering logic.
4. Write JavaScript functions to handle scroll events and animate elements based on scroll progress.
5. Design each section to maintain a consistent visual flow and storytelling approach.
6. Ensure all typography is responsive and uses the specified font sizes.

ITERATION STRATEGY
- After initial implementation, gather feedback from users to make improvements.
- Test the website on different devices and browsers to identify performance issues.
- Refine animations and transitions based on user interactions to enhance the overall experience.

TESTING & VALIDATION
- Check all navigation elements to ensure they function correctly.
- Validate that scrolling triggers animations as intended, both forwards and backwards.
- Test the responsiveness of the design on various devices.
- Ensure that there are no broken images or console errors during user interaction.
- Assess accessibility features like keyboard navigation and ARIA labels.

```
This prompt provides a comprehensive guide for building the ADIOS digital portfolio, ensuring that the project adheres to the specified design and functionality requirements while maintaining a focus on user experience and interaction.