Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Generate it" is a minimalist web application designed to allow users to create and customize various content types easily. The primary purpose is to provide a straightforward, user-friendly interface that emphasizes simplicity and efficiency, enabling users to generate content without distractions.

## CORE FEATURES
1. **Content Generator**: A central feature where users can input parameters and instantly generate text or content tailored to their needs.
2. **Template Library**: A selection of templates that users can choose from to speed up the content creation process.
3. **Customization Options**: Users can modify fonts, colors, and layouts to personalize their generated content.
4. **Preview Functionality**: A live preview area where users can see their content as they create and edit it.
5. **Export Options**: Users can download their creations in various formats (PDF, DOCX, etc.) or share them directly to social media.

## 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**: A single-page layout with a prominent header, followed by the content generator, template library, customization options, and a footer with export options.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context or Zustand (if needed for state management across components)

## IMPLEMENTATION STEPS
1. **Setup React Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**: Build separate components for the content generator, template library, customization options, and preview area.
4. **Implement State Management**: Set up state management for user inputs and generated content using React Context or Zustand.
5. **Styling**: Apply Tailwind CSS classes to ensure a minimalist design and incorporate the specified typography and color scheme.
6. **Testing**: Conduct thorough testing to ensure all functionality works as intended, focusing on responsiveness and user experience.
7. **Deploy**: Once finalized, deploy the application to a hosting platform of choice (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will interact with a clean and straightforward interface. Upon landing on the page, they will see a clear call-to-action to start generating content. As they input parameters, the live preview will update instantly, allowing for immediate feedback. Users can easily navigate between templates and customization options, ensuring a fluid and enjoyable experience throughout the content generation process.