Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
TELAR is a web application designed to guide artisans through a structured growth journey, providing a clear and intuitive user experience. The platform aims to empower artisans, some of whom may have limited digital literacy, by offering a step-by-step approach to their development.

## CORE FEATURES
1. **Artisan Maturity Test**: An interactive assessment tool that helps artisans evaluate their current skills and readiness for growth.
2. **Diagnostic Results**: A clear and concise presentation of the user's current status based on the maturity test, highlighting strengths and areas for improvement.
3. **Progress Dashboard**: A comprehensive map of the artisan's growth journey, displaying milestones, achievements, and recommended next steps.
4. **Next Step Recommendations**: Personalized actionable steps designed to foster growth based on user diagnostics and progress.
5. **Task Details for Brand Agents**: A feature that outlines specific tasks and actions for brand agents, enhancing collaboration and clarity in the artisan's journey.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean and simple design with ample white space, a minimal color palette, and a strong emphasis on typography.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and comfort.
- **Layout**: A spacious grid layout (12 columns) designed for large screens, featuring a persistent sidebar for navigation that allows users to easily access different sections of the application.
- **Typography**: Use of a sans-serif font for clarity and legibility, with a hierarchy that emphasizes headings and calls to action, ensuring that text is easy to read on desktop screens.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for pre-built, customizable UI components that align with the minimalist aesthetic.
- **State Management**: Consider using React Context or Zustand for global state management if needed.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout**: Develop the main layout structure, implementing the 12-column grid and sidebar navigation.
3. **Design Core Features**: Build out the core features, ensuring each component is user-friendly and follows the design specifications.
4. **Implement Responsive Design**: Ensure the application is responsive, focusing on a desktop-first approach while maintaining usability on smaller screens.
5. **User Testing**: Conduct user testing with target users (artisans) to gather feedback on the UI/UX and make necessary adjustments.
6. **Deploy Application**: Prepare the application for deployment and host it on a suitable platform.

## USER EXPERIENCE
Users will engage with TELAR through a guided interface that emphasizes clarity and support. The artisan maturity test will provide a friendly entry point, leading to personalized diagnostics. The progress dashboard will serve as a motivational tool, giving users a visual representation of their journey. Each step will include clear calls to action and supportive microcopy that fosters a sense of mentorship, ensuring that the experience remains approachable and non-intimidating.