DesignSpace

Overview

DesignSpace is a premium interior design landing page built with Next.js and Motion. It showcases high-end typography using Cormorant Garamond for display and Jost for body text, paired with a warm earthy color palette. The page features three swappable custom cursor options — including a cinematic crosshair cursor — implemented via direct DOM mutations inside requestAnimationFrame to avoid per-frame React re-renders.

Key Features

• Three interchangeable custom cursor effects including a crosshair cursor
• Cinematic Motion animations for hero and section transitions
• Warm earthy color palette (#faf8f4, #c9a96e, #1a1612)
• Cormorant Garamond display font paired with Jost for premium typography
• Fully responsive layout across all screen sizes
• GPU-accelerated animations for smooth 60fps performance