Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Build a single-page marketing website for **ATTUNED**, a subscription-based visual studio that produces architectural-grade editorial imagery for sculptural objects. The site will serve to showcase the brand's offerings, communicate its unique approach, and facilitate user engagement through a single call-to-action without any distractions.

## CORE FEATURES
1. **Hero Section**: A captivating full-viewport height hero featuring the brand name and a succinct description of services, along with a clear CTA button labeled "Access."
2. **Image Grid**: An asymmetric 3-column layout displaying image placeholders that visually represent the types of studies offered, emphasizing the brand's aesthetic.
3. **Informational Sections**: Clear and concise sections that explain the service, process, study types, and studio approach, promoting understanding without clutter.
4. **FAQ Section**: An accordion-style or flat list section for frequently asked questions, allowing potential customers to easily find information.
5. **Contact Information**: A footer containing minimal yet essential information, specifically the studio email for inquiries about custom projects.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with ample white space, focusing on typography and restrained luxury.
- **Color Mode**: Light theme with dark text on light backgrounds; specific colors include:
  - Background: near-black or deep warm charcoal (#111009)
  - Primary text: warm off-white / raw linen (#F0EDE6)
  - Accent: aged brass (#B8935A) or deep terracotta (#9B5B3A) used sparingly.
- **Layout**: 
  - Generous negative space with an asymmetric grid structure.
  - Full-bleed images alternating with typographic sections.
  - No rounded corners or card layouts; a single primary CTA button with no embellishments.
- **Typography**: 
  - Display: Cormorant Garamond, Freight Display, or Canela for hero sections, large and light with generous tracking.
  - Body: Suisse Int’l, Monument Grotesk, or GT America for body text, small and precise with a focus on scale and weight for hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: Utilize shadcn/ui for reusable components.
- **State Management**: Not required for this single-page application.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Create Hero Section**: Implement the hero section with a full viewport height that includes the brand name, tagline, description, and CTA button.
3. **Develop Image Grid**: Construct the image grid section with placeholders for different study types, ensuring a 3-column asymmetric layout.
4. **Add Informational Sections**: Write and style the "What This Is," "How It Works," "What You Can Request," "Studio Approach," "Scope," and "FAQ" sections, following the specified layout and typography styles.
5. **Implement Footer**: Design the footer with the studio name and email contact, ensuring it maintains minimalism without additional links or distractions.
6. **Responsive Design**: Ensure the layout stacks to a single column on mobile devices while maintaining font hierarchy and readability.

## USER EXPERIENCE
The user experience will prioritize clarity and simplicity, with users being able to quickly comprehend the service offered and navigate through the sections seamlessly. The main CTA will be the focal point, encouraging users to subscribe without overwhelming them with excessive information or navigation elements. The design will ensure that each section breathes, allowing users to absorb content comfortably.