Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves redesigning a web application with a focus on a "Swiss typography minimalism" style, ensuring the existing functionality remains unchanged. The aim is to create a more professional appearance through a clean, simple, and visually appealing interface that emphasizes typography and user experience.

## CORE FEATURES
1. **User Dashboard**: A streamlined interface for users to view their data and insights, presented in a clear, easy-to-read format.
2. **Profile Management**: Allows users to update their personal information, preferences, and settings in a user-friendly manner.
3. **Notifications**: A system to inform users of important updates or actions required, designed with clear typography and minimal distractions.
4. **Data Visualization**: Simple and effective charts to display user data trends, focusing on clarity and ease of interpretation.
5. **Help & Support**: Accessible resources and contact options for users needing assistance, designed to promote quick navigation and readability.

## 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 top navigation bar, a side menu for additional options, and a central content area for displaying the dashboard and user interactions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux (if necessary for managing complex state).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install necessary dependencies (React, Tailwind CSS, shadcn/ui, Redux).
2. **Configure Tailwind CSS**: Set up Tailwind CSS configuration for the project, ensuring it supports the chosen design specifications.
3. **Create Component Structure**: Develop a component structure that includes a top navigation bar, side menu, and main content area.
4. **Implement Core Features**: Code the core features such as User Dashboard, Profile Management, Notifications, and Data Visualization using React components.
5. **Apply Styling**: Use Tailwind CSS to apply the minimalist design specifications, ensuring proper spacing, typography, and color usage.
6. **Test Responsiveness**: Ensure the application is responsive and functions well on various devices and screen sizes.
7. **User Testing**: Conduct user testing to gather feedback on the user experience and make necessary adjustments.

## USER EXPERIENCE
Key user interactions will be smooth and intuitive, with a focus on readability and ease of navigation. The dashboard will provide users with quick access to relevant information, while profile management will be straightforward. Notifications will be clearly displayed without overwhelming users, and help resources will be easily accessible, ensuring a seamless experience throughout the application.