Luxury Specialty Coffee Landing Page An

Luxury Specialty Coffee Landing Page

An ultra-premium, conversion-focused single-page landing page designed for a high-end luxury specialty coffee roaster. This project showcases a minimalist, editorial design system built on vanilla web technologies, combining sophisticated typography with flawless performance.

Key Features:

Editorial Design System: Crafted a striking dark interface utilizing charcoal and obsidian surfaces, rich cream typography, and metallic amber accents paired with high-end font pairings.

Interactive & Cinematic Components: Implements custom JavaScript logic for seamless roasting process tabs, smooth height-animated FAQ accordions, and a fluid backdrop-blur video story modal.

Performance-Optimized Motion: Features an ultra-clean layout with custom product grid hover states and an IntersectionObserver script for smooth, scroll-triggered fade and slide-up animations