erded.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Secure, trustworthy, and modern. A clean, minimalist design with elements that convey financial stability and growth. Smooth transitions and clear data representation.

## 2. Color Palette
- **Primary**: #0052CC (Deep, reliable blue)
- **Secondary**: #4CAF50 (Positive green for growth)
- **Accent**: #FFC107 (Warm yellow for alerts/highlights)
- **Background**: #F8F9FA (Light, unobtrusive gray)
- **Surface/Card**: #FFFFFF (Pure white for clarity)
- **Border**: #D1D5DB (Soft, neutral border)

## 3. Typography
- **Headings**: 'Lato', sans-serif (Clear, accessible, and professional)
- **Body**: 'Open Sans', sans-serif (Highly readable for financial data and explanations)

## 4. UI Design System
- **Shadows**: 0 8px 15px -4px rgba(0,0,0,0.06), 0 4px 6px -2px rgba(0,0,0,0.05)
- **Border Radius**: 10px
- **Spacing**: Balanced and organized, 80px section padding, standard component spacing

## 5. Layout Structure
- **Hero**: Clean, professional background (perhaps abstract financial graph or secure vault imagery). Headline like 'Master Your Money with Smart Insights'. Subheadline on simplified financial management. Primary CTA to 'Get Started Free'.
- **Features**: A section showcasing key features (budgeting, expense tracking, goal setting) with clean icons and concise descriptions in a responsive grid. Use of light cards.
- **CTA**: A prominent, rounded button in the primary or accent color, with a clear call to action.

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