felmag.com .com

# Landing Page Specification

## 1. Theme & Aesthetic
Elegant, editorial, and immersive. Focus on beautiful typography, striking imagery, and a clean, magazine-like layout that feels premium and inviting.

## 2. Color Palette
- **Primary**: #4A00E0 (Deep Violet)
- **Secondary**: #8E54A2 (Muted Plum)
- **Accent**: #FFC107 (Golden Yellow)
- **Background**: #FFFFFF (Pure White)
- **Surface/Card**: #F8F9FA (Very Light Gray)
- **Border**: #D3D3D3 (Light Gray)

## 3. Typography
- **Headings**: 'Merriweather' (Serif font for a classic, editorial feel)
- **Body**: 'Open Sans' (Sans-serif, highly readable for long-form content)

## 4. UI Design System
- **Shadows**: 0 6px 12px -2px rgba(0, 0, 0, 0.1), 0 3px 6px -3px rgba(0, 0, 0, 0.1)
- **Border Radius**: 0px (Sharp edges for a modern editorial feel)
- **Spacing**: Generous whitespace, 90px section padding, 36px component spacing

## 5. Layout Structure
- **Hero**: A full-bleed image or a curated collage of featured article thumbnails. A strong headline and a clear CTA to 'Explore Latest Issues' or 'Subscribe Now'.
- **Features**: A masonry grid layout showcasing recent articles, with clear titles, authors, and categories. Card-based design for individual articles.
- **CTA**: Clean, understated buttons with clear text, using the primary or accent color, with subtle hover animations.

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