Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application is designed to provide users with a horizontal menu for plotting drawings, emulating the AutoCAD logic. It allows users to select various paper sizes (A1, A2, A3, A4) and scales (1:10, 1:20, 1:50, 1:100, 1:200, 1:500, 1:1000, 1:2500) for their architectural drawings, facilitating a seamless transition from design to plotting.

## CORE FEATURES
1. **Horizontal Menu**: A user-friendly navigation bar for selecting paper sizes and scales.
2. **Model Space Setup**: Input fields for users to define the model space dimensions and units.
3. **Viewport Scaling Calculator**: A tool to calculate the appropriate viewport scale based on user input for model dimensions and selected scale.
4. **Sheet Fit Validation**: Automatically checks if the plotted dimensions fit within the selected paper size and provides feedback for adjustments.
5. **Annotation Settings**: Options for setting text height, linetypes, and lineweights based on the selected scale.
6. **Export Functionality**: The ability to export the plotted drawing settings as a PDF or DWG file for printing.

## 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 includes a top navigation bar, followed by a central content area displaying input forms and results, and a footer with additional resources.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API or Redux if needed for complex state management.

## IMPLEMENTATION STEPS
1. **Setup the Project**:
   - Initialize a new React project with TypeScript using Create React App.
   - Install Tailwind CSS and configure it in the project.
   - Set up shadcn/ui for reusable UI components.

2. **Create the Layout**:
   - Implement the top navigation bar with links for paper sizes and scales.
   - Design the central content area to include input fields for model space dimensions and scale selection.
   - Implement a footer with links to documentation or additional resources.

3. **Develop Core Features**:
   - Create a component for the horizontal menu to allow selection of paper sizes and scales.
   - Implement the viewport scaling calculator based on user input.
   - Add sheet fit validation logic to provide feedback on plotted dimensions.
   - Create annotation settings that allow users to customize text height, linetypes, and lineweights.

4. **Implement Export Functionality**:
   - Use a library like jsPDF or similar to implement PDF export functionality.
   - Ensure that the exported file retains the selected settings and dimensions.

5. **Testing and Optimization**:
   - Conduct usability testing to ensure all features work seamlessly.
   - Optimize for performance and responsiveness across devices.

## USER EXPERIENCE
Users interact with the application through a clean and intuitive interface. They start by selecting their desired paper size and scale from the horizontal menu. After entering their model space dimensions, they can see real-time calculations for viewport scaling and validations for fitting the drawing on the selected paper. The annotation settings allow for easy customization, and users can export their drawings effortlessly, ensuring a smooth workflow from design to plotting.