ezonis.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Clean, modern SaaS with a focus on data visualization and clarity. Think professional and trustworthy, with subtle animations to highlight data flow.

## 2. Color Palette
- **Primary**: #1E3A8A (Deep Indigo)
- **Secondary**: #3B82F6 (Bright Blue)
- **Accent**: #F59E0B (Amber Orange)
- **Background**: #FFFFFF (Pure White)
- **Surface/Card**: #F3F4F6 (Light Gray)
- **Border**: #E5E7EB (Subtle Gray)

## 3. Typography
- **Headings**: 'Inter' (Modern, clean, highly readable, excellent for UI)
- **Body**: 'Inter' (Consistent, versatile, good for technical content)

## 4. UI Design System
- **Shadows**: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.05)
- **Border Radius**: 8px
- **Spacing**: Generous whitespace, 100px section padding, 32px component spacing

## 5. Layout Structure
- **Hero**: Full-width background image or subtle gradient with a clear headline and subheadline, and a prominent primary CTA button. A small animated graph or data visualization element could be integrated.
- **Features**: A 3-column grid layout for key features, each with an icon, title, and brief description. Hover effects could reveal more detail.
- **CTA**: Rounded, prominent primary button with clear hover states, placed in the hero and at the end of key sections.

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