Lovable Prompt Creator - AI Prompt Generator

# ## APPLICATION OVERVIEW
LAB857 is a minimalist landing page designed to provide essential information about the "Diseño Industrial" laboratory at USACH. The primary objective is to create an informative web presence that showcases the laboratory's identity and resources in a clean and visually appealing format.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with the title "LAB857" prominently displayed, along with a brief description of the laboratory's purpose and activities.
2. **Information Segments**: Sections dedicated to key topics related to the laboratory, such as research areas, projects, and team members, presented in a concise format.
3. **Contact Information**: A simple contact form allowing users to reach out for inquiries or further information.
4. **Visual Branding**: Utilization of the neon pink color (#963e97) and white to establish a recognizable brand identity throughout the page.

## 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 be a single column structure with a hero section at the top, followed by information segments and a contact form at the bottom, ensuring a smooth flow of information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this simple landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript using a preferred method (e.g., Create React App).
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Layout Components**: Develop components for the hero section, information segments, and contact form.
4. **Apply Styling**: Use Tailwind CSS classes to apply the minimalist design, ensuring to adhere to the specified color palette and typography.
5. **Implement Responsiveness**: Ensure the layout adapts well to different screen sizes, maintaining usability across devices.
6. **Testing**: Conduct thorough testing to ensure all components function correctly and the design is consistent.

## USER EXPERIENCE
Key user interactions will include:
- Users will land on the page and immediately see the LAB857 branding in the hero section, with clear navigation to the information segments.
- Each information segment will be easily scannable, providing quick access to relevant details about the laboratory.
- The contact form will be straightforward, allowing users to send inquiries with minimal effort, enhancing engagement with the audience.

This prompt provides a comprehensive guide for building the LAB857 info page, focusing on a minimalist design approach that aligns with the user's vision.