jaznot .com

# Landing Page Specification

## 1. Theme & Aesthetic
Edgy, artistic, and raw. An independent music label vibe with a dark, atmospheric aesthetic that amplifies creativity and individuality.

## 2. Color Palette
- **Primary**: #3A0CA3 (Deep, premium shade of purple)
- **Secondary**: #F72585 (Neon pink for energetic accents)
- **Accent**: #4CC9F0 (Electric blue for dynamic highlights)
- **Background**: #0D0D0D
- **Surface/Card**: #1A1A1A
- **Border**: #2A2A2A (Subtle)

## 3. Typography
- **Headings**: Rubik (Bold, modern, and impactful for a strong presence)
- **Body**: IBM Plex Mono (Technical, clean, and unique, evoking creative code/sound design)

## 4. UI Design System
- **Shadows**: 0 10px 30px rgba(0, 0, 0, 0.4) (Bold, deep shadows)
- **Border Radius**: 6px (Slightly rounded, with hints of sharpness)
- **Spacing**: Energetic and intentional, 110px section padding (Creates a dynamic visual rhythm)

## 5. Layout Structure
- **Hero**: A full-screen, immersive hero featuring a dynamic video background or high-quality imagery of artists performing, overlaid with a powerful, concise statement about discovering and empowering music, and a prominent 'Explore Artists' CTA.
- **Features**: Artist spotlights with embedded audio players or video snippets, presented in a masonry grid layout, allowing visitors to quickly sample music and learn about emerging talent.
- **CTA**: High-contrast, glowing buttons strategically placed throughout the page, inviting users to 'Submit Demos' or 'Listen Now' on streaming platforms.

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