arzima .com

# Landing Page Specification

## 1. Theme & Aesthetic
Sophisticated, efficient, and reliable. An enterprise SaaS aesthetic focused on professionalism, scalability, and streamlined operations.

## 2. Color Palette
- **Primary**: #2C3E50 (Deep, premium shade of navy blue)
- **Secondary**: #ECF0F1
- **Accent**: #2980B9 (Professional sky blue for emphasis)
- **Background**: #FFFFFF
- **Surface/Card**: #FDFDFD
- **Border**: #EBEBEB (Subtle)

## 3. Typography
- **Headings**: Montserrat (Strong, modern, and trustworthy for enterprise solutions)
- **Body**: Roboto (Clear, highly readable, and versatile for technical details)

## 4. UI Design System
- **Shadows**: 0 4px 12px rgba(0, 0, 0, 0.08) (Clean, understated shadows)
- **Border Radius**: 8px (Modern, slightly rounded edges)
- **Spacing**: Organized and clean, 90px section padding (Enhances readability and professional feel)

## 5. Layout Structure
- **Hero**: A clean, professional hero section featuring a compelling headline about efficiency and automation, a succinct value proposition, and an illustration or screenshot of the platform in action, alongside a 'Request a Demo' button.
- **Features**: Key benefits and modules presented in a structured 3-column grid, each with an icon, title, and a brief description, highlighting the platform's capabilities for various departments.
- **CTA**: A prominent, blue-themed button, clearly inviting visitors to schedule a personalized demonstration or start a free trial, positioned for maximum visibility.

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