LANDING PAGE

VELOCITY

June 1, 2026

A premium, high-performance private car collection interface featuring cinematic video panels and immersive dark-mode scrollytelling.

Overview

VELOCE is designed around a premium, high-performance private car collection, focusing on cinematic video panels and immersive scrollytelling. It features dark mode textures like carbon fiber, gold accents, and elegant typography to deliver a luxury aesthetic.

Architecture

Tech Stack

React

TypeScript

Vite

Tailwind CSS

GSAP

Lenis

Vercel

Design System

Playfair DisplayAa Bb Cc — The quick brown foxPrimary Display
DM MonoAa Bb Cc — The quick brown foxTechnical Details

Key Features

  • Aesthetic: High-Performance Luxury Carbon & Gold

  • Motion: Lenis hardware-accelerated scroll + Infinite Marquees

  • Media: Cinematic Video Panel Scrollytelling

Applied AI Engineering

This project serves as an exercise in rapid prototyping via strict LLM constraint prompting. To prevent AI component hallucination, a rigorous Master System Prompt was engineered to lock the model into specific DOM architectures, responsive breakpoints, and motion physics. You can view the raw AI Directive used for this build by clicking the Skills.md button at the top of this case study.