Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project focuses on recreating the first section of a landing page that showcases the Pantone Color of the Year 2025. The landing page will emphasize a minimalist design with a clean, simple layout that highlights the key message and visuals related to the color.

## CORE FEATURES
1. **Hero Section**: A captivating hero area featuring a large image of the color, accompanied by a bold headline and a brief description.
2. **Color Showcase**: A dedicated section that presents the Pantone color in various applications (e.g., backgrounds, typography) to inspire users.
3. **Call to Action (CTA)**: A prominent button encouraging visitors to explore more about the color, leading to additional resources or information.
4. **Responsive Design**: Ensures the layout adapts seamlessly across devices, providing an optimal viewing experience on mobile and desktop.
5. **Minimalist Aesthetic**: The overall design will maintain a focus on simplicity and elegance, allowing the color and typography to stand out.

## 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 layout will feature a full-width hero section at the top, followed by a color showcase area. The CTA will be integrated within the hero section for immediate visibility.

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

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Hero Component**: Develop a Hero component that includes an image, headline, and description. Style it using Tailwind CSS for a minimalist look.
3. **Integrate the Primary Color**: Use the primary color (#1978E5) for button backgrounds and links.
4. **Add CTA Button**: Implement a prominent CTA button within the hero section, linking to a designated resource or section.
5. **Create Color Showcase Section**: Design a section to display the Pantone color in various contexts (e.g., backgrounds, typography).
6. **Responsive Design**: Ensure the layout and components are responsive using Tailwind's responsive utility classes.
7. **Deploy**: Once the layout and functionality are completed, deploy the landing page on a suitable platform (e.g., Vercel, Netlify).

## USER EXPERIENCE
Users will be greeted with a visually appealing hero section that immediately captures their attention with the Pantone color theme. The CTA button will encourage exploration, leading to a deeper engagement with the content presented. The minimalist design will provide an intuitive browsing experience, allowing users to focus on the color's significance without distractions. The responsive design ensures accessibility on all devices, enhancing user interaction and satisfaction.