evpaw.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Efficient, streamlined, and modern. A clean, organized aesthetic with clear visual cues for processes and automation. Focus on productivity and simplicity.

## 2. Color Palette
- **Primary**: #0066CC (Professional, reliable blue)
- **Secondary**: #50E3C2 (Bright, efficient cyan)
- **Accent**: #FF6B6B (Engaging coral for CTAs)
- **Background**: #F5F7FA (Very light, clean background)
- **Surface/Card**: #FFFFFF (Pure white)
- **Border**: #E5E7EB (Subtle, neutral gray)

## 3. Typography
- **Headings**: 'Source Sans Pro', sans-serif (Clean, highly legible, and modern)
- **Body**: 'Inter', sans-serif (Versatile and readable for instructions and descriptions)

## 4. UI Design System
- **Shadows**: 0 6px 12px -3px rgba(0,0,0,0.07), 0 3px 6px -3px rgba(0,0,0,0.06)
- **Border Radius**: 8px
- **Spacing**: Structured and clean, 75px section padding, organized component spacing

## 5. Layout Structure
- **Hero**: Abstract graphic illustrating connected processes or data flow. Headline focused on 'Automate Your Business, Effortlessly'. Subheadline on simplifying operations and saving time. Primary CTA to 'Try for Free'.
- **Features**: A visual representation of the workflow builder, perhaps a demo GIF or a series of screenshots showing drag-and-drop functionality and key integrations. Use of clean cards with icons.
- **CTA**: A clear, action-oriented button in the accent color, with a slight shadow for depth.

## 6. Tech Stack
- Framework: Next.js 14
- Styling: Tailwind CSS
- Animation: Framer Motion