enxox.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Modern, bold, and creative. Emphasis on strong typography, clean layouts, and impactful visuals. A sophisticated yet energetic vibe.

## 2. Color Palette
- **Primary**: #1E293B (Deep navy blue, professional)
- **Secondary**: #60A5FA (Vibrant sky blue, energetic)
- **Accent**: #EF4444 (Bold red, for emphasis and CTAs)
- **Background**: #FFFFFF (Crisp white)
- **Surface/Card**: #F8FAFC (Very light, subtle gray)
- **Border**: #E2E8F0 (Clean, understated gray)

## 3. Typography
- **Headings**: 'Oswald', sans-serif (Bold and impactful, great for headlines)
- **Body**: 'Roboto', sans-serif (Clean, readable, and versatile)

## 4. UI Design System
- **Shadows**: 0 10px 20px -5px rgba(0,0,0,0.1), 0 5px 10px -5px rgba(0,0,0,0.08)
- **Border Radius**: 8px
- **Spacing**: Generous whitespace, 90px section padding, clear component separation

## 5. Layout Structure
- **Hero**: Full-width, dynamic background video or a striking graphic showcasing creative work. Bold headline like 'Crafting Digital Experiences That Convert'. Subheadline on integrated creative solutions. Primary CTA to 'View Our Work'.
- **Features**: A section presenting core services (Branding, Web Design, Marketing) using icon-driven cards in a grid or carousel layout. Clean, minimalist presentation.
- **CTA**: Sharp, rectangular button with a clear hover effect in the accent color.

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