Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to allow users to create custom infographics by inputting their content, selecting the desired size and illustration style, and adding branding elements such as logos and names. The platform aims to simplify the infographic creation process, making it accessible for users with varying design skills.

## CORE FEATURES
1. **Content Input**: A user-friendly text input area where users can easily enter the content they want to feature in their infographic.
2. **Size Selection**: Options for users to choose from various predefined infographic sizes or custom dimensions to fit their needs.
3. **Illustration Style Picker**: A selection tool that allows users to pick from different illustration styles (flat, 3D, icon-based, etc.) for their infographics.
4. **Logo and Branding**: An uploader feature that lets users add their logo and name as the creator or brand, enhancing personalization.
5. **Preview Mode**: A real-time preview feature that shows users how their infographic will look with their selected settings before finalizing.
6. **Download Option**: A functionality that allows users to download their completed infographic in various formats (PNG, JPG, PDF).

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, a minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a fresh aesthetic.
- **Layout**: A single-column layout that emphasizes simplicity, with a top navigation bar for easy access to features, followed by the content input area, size and style selection, and branding elements. The preview area is prominently displayed for immediate feedback.
- **Typography**: Use a sans-serif font like Roboto or Open Sans for body text, with headings in a bold variant to create a clear hierarchy. Maintain sufficient spacing between text elements to enhance readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a robust and type-safe application.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design adjustments and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable React components that align with the minimalist design.
- **State Management**: Use React Context API or Redux to manage the application state efficiently.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling and components.
2. **Create the Layout**: Implement the main layout structure with a top navigation bar, content input area, and sections for size and illustration style selection.
3. **Develop Core Features**: Build the content input component, size selection dropdown, illustration style picker, logo uploader, and preview display.
4. **Integrate State Management**: Set up global state management to handle user inputs and selections across the application.
5. **Implement Download Functionality**: Create a feature that generates the infographic and allows users to download it in various formats.
6. **Test Responsiveness**: Ensure all components are responsive and function well on different screen sizes.

## USER EXPERIENCE
Users will start by accessing the application and entering their desired content in the main input area. They will then select the size and illustration style from the provided options. As they customize their infographic, they can upload their logo and specify their brand name, with changes reflected in the preview area in real-time. Once satisfied, users can download their infographic in their preferred format, providing a seamless and engaging experience.