iduban .com

# Landing Page Specification

## 1. Theme & Aesthetic
Modern, secure, and minimalist with a futuristic edge. The design should convey cutting-edge technology and strong security, often utilizing dark mode principles for a premium feel.

## 2. Color Palette
- **Primary**: #1A202C (Deep, premium shade of dark blue/black)
- **Secondary**: #2D3748
- **Accent**: #4FD1C5 (High contrast teal)
- **Background**: #000000
- **Surface/Card**: #1A202C
- **Border**: #4A5568 (Subtle)

## 3. Typography
- **Headings**: Inter (Modern, highly legible sans-serif optimized for screens, conveying professionalism)
- **Body**: Rubik (Geometric sans-serif, clean and clear, offering good readability in dark contexts)

## 4. UI Design System
- **Shadows**: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06), 0 25px 50px -12px rgba(0, 0, 0, 0.25)
- **Border Radius**: 4px
- **Spacing**: Precise, intentional spacing with 64px section padding, 20px component spacing

## 5. Layout Structure
- **Hero**: Full-screen dark hero section with a bold, glowing headline and a concise statement about user empowerment, featuring abstract, dynamic background elements representing data flow or security layers. A clear, high-contrast CTA button.
- **Features**: Grid of dark cards with subtle borders, each highlighting a core security or privacy feature with a sharp icon and a brief, impactful description.
- **CTA**: Dedicated section with an urgent, direct call to action, perhaps emphasizing data ownership, using the accent color prominently for the button.

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