larbak .com

# Landing Page Specification

## 1. Theme & Aesthetic
Robust, technical, and secure. A developer-centric blockchain platform aesthetic with a focus on cutting-edge technology and reliability.

## 2. Color Palette
- **Primary**: #0A1128 (Deep, premium shade of navy blue)
- **Secondary**: #EFEFEF
- **Accent**: #00ADB5 (Vibrant cyan for tech highlights)
- **Background**: #0F172A
- **Surface/Card**: #1A202C
- **Border**: #2D3748 (Subtle)

## 3. Typography
- **Headings**: Space Mono (Modern, monospace, and highly technical)
- **Body**: Fira Code (Clean, developer-friendly, and excellent for code examples)

## 4. UI Design System
- **Shadows**: 0 6px 16px rgba(0, 0, 0, 0.25) (Sharp, technical shadows)
- **Border Radius**: 4px (Minimal, sharp corners for a precise feel)
- **Spacing**: Structured and precise, 100px section padding (Optimized for technical content and code blocks)

## 5. Layout Structure
- **Hero**: A dark, tech-centric hero section featuring abstract blockchain network visuals or code snippets, a bold headline emphasizing secure and scalable Web3 development, and dual CTAs for 'Read Docs' and 'Get Started'.
- **Features**: Developer tools and platform benefits presented in a clean 2-column grid, possibly with code examples or architectural diagrams, emphasizing ease of integration and power.
- **CTA**: High-contrast, glowing buttons, clearly inviting developers to dive into documentation, join the community, or start building their decentralized applications.

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