Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
BRNDSYS is a dynamic web application designed to empower users to create their own brand identities quickly and efficiently, without the use of AI. By guiding users through a series of questions about their brand strategy and visual identity, the app facilitates the selection of color palettes, typography, and logo generation, ensuring a cohesive and professional brand presentation.

## CORE FEATURES
1. **Brand Strategy Questionnaire**: Users answer basic questions to define their brand's niche, tone, and personality, which informs their brand strategy.
2. **Color Palette Generator**: Based on user responses, the application generates a primary color and a coherent color palette using color theory principles, with a focus on accessibility and contrast.
3. **Typography Selector**: Users can choose from a selection of free Google Fonts, ensuring legibility and aesthetic appeal in their branding.
4. **Logo Creation Tool**: Users can upload an existing logo for background removal and SVG conversion, or generate a basic text-only logo based on selected fonts.
5. **Brand Showcase**: A visual display that illustrates how the selected colors and typography work together, enhancing user understanding of their brand identity.
6. **Downloadable Brandbook**: Users can export their brand strategy and visual identity as a professional PDF, along with social media assets derived from their logo.

## 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 clear navigation bar, a prominent hero section, followed by sequential sections for the questionnaire, color palette display, typography selection, logo generation, and brand showcase. Each section will be structured for easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Zustand

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and Zustand for state management.
2. **Create Components**: Build reusable components for the navigation bar, questionnaire, color palette display, typography selector, logo generator, and brand showcase.
3. **Implement State Management**: Use Zustand to manage the application's state, storing user inputs and selections across different components.
4. **Design Layout**: Use Tailwind CSS to implement the minimalist design, ensuring responsive layouts for various screen sizes.
5. **Integrate Color and Typography Generators**: Develop the logic for generating color palettes and typography selections based on user inputs, ensuring accessibility standards are met.
6. **Build Logo Generation Tool**: Implement functionality to handle logo uploads, background removal, and SVG generation, along with generating a text-only logo.
7. **Create PDF Export Functionality**: Utilize a library (such as jsPDF) to export the brand strategy and visual identity as a PDF.
8. **Testing and Refinement**: Conduct user testing to refine the user interface and interactions, ensuring a smooth user experience.

## USER EXPERIENCE
Users will first be greeted by a visually appealing hero section that introduces BRNDSYS. They will navigate through the brand strategy questionnaire, which will present questions in a simple, step-by-step manner. As users progress, they will see real-time updates of their selected colors and typography, enhancing their understanding of their brand identity. The logo generation tool will allow for easy uploads and modifications, while the brand showcase will visually demonstrate how their chosen elements work together. Finally, users will have the option to download their complete brand identity seamlessly, ensuring a professional outcome.