Lawnscape AI

The intelligent visualization tool for modern architectural studios. Transform raw site photos into high-fidelity landscape proposals in seconds.

Demo Preview

lawnscape-demo.mp4

Demo Screenshots

Design Philosophy: "Effortless Elegance"

The interface is designed to feel like a high-end Italian Architectural Studio rather than a generic SaaS tool. Key aesthetic choices include:

• Typography: Space Grotesk (Headings) for structural impact, paired with Satoshi (UI) for modern readability.
• Palette: Olive Green (#4A5D23) accents grounded by Warm Cream (#F4F4F0) backgrounds.
• Materials: Glassmorphism (backdrop-blur-xl) and subtle gradients evoke transparency and light.

Features

• Studio Composer: Upload site photos and draft landscape visions using AI.
• Comparison Slider: Interactive before/after slider to demonstrate value to clients.
• One-Click Proposals: Generate photorealistic renders instantly.
• Responsive Design: Mobile-friendly interface for on-site presentations.

Tech Stack

• Framework: React + Vite
• Styling: Tailwind CSS v4
• Animation: Framer Motion
• Interaction: React Dropzone, Lenis (Smooth Scroll)
• Icons: Lucide React
• Type: Fontshare CDN (Space Grotesk, Satoshi), Google Fonts (JetBrains Mono)

Installation

1. Clone the repository:

   git clone https://github.com/your-username/land-scape-ai.git

2. Navigate to the project directory:

   cd land-scape-ai

3. Install dependencies:

   bun install

4. Run the development server:

   bun run dev

5. Open http://localhost:5173 with your browser to see the result.

License

This project is licensed under the MIT License.

Custom Queries

For custom development requests or queries, please contact me at foxstot@gmail.com