nugaku .com

# Landing Page Specification

## 1. Theme & Aesthetic
Futuristic, intelligent, and cutting-edge. A modern AI research platform with a dark theme, highlighting innovation and scientific rigor.

## 2. Color Palette
- **Primary**: #100C2A (Deep, premium shade of dark violet)
- **Secondary**: #00D5FF (Electric blue for vibrancy)
- **Accent**: #AEB6BF (Silver gray for details)
- **Background**: #0A0A1F
- **Surface/Card**: #1E1E3A
- **Border**: #333366 (Subtle)

## 3. Typography
- **Headings**: Poppins (Modern, geometric, and impactful for tech)
- **Body**: Roboto Mono (Clean, technical, and highly readable for code/data snippets)

## 4. UI Design System
- **Shadows**: 0 8px 20px rgba(0, 0, 0, 0.3) (Sharp, deep shadows for a techy feel)
- **Border Radius**: 12px (Moderately rounded, suggesting sophisticated enclosures)
- **Spacing**: Structured and generous, 100px section padding (Emphasizes clarity and complex information)

## 5. Layout Structure
- **Hero**: A captivating full-screen hero with dynamic, abstract AI-generated visuals or animations, a bold, future-focused headline, and a dual call-to-action for 'Explore Research' or 'Partner with Us'.
- **Features**: Project showcases presented in interactive cards within a flexible grid, allowing for quick previews and deeper dives into individual research areas.
- **CTA**: Prominent buttons designed with a glowing effect, strategically placed to drive engagement with research papers or collaboration inquiries.

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