Ivory Flow HTML Template

The Ivory Flow is a free HTML CSS boutique e-commerce template designed for luxury lifestyle brands, interior design studios, and artisan product shops. It uses a warm Oat and Terracotta palette with a centered pill-shaped floating navigation, sticky sections that slide under each other as you scroll, and a mouse-following buy button that tracks cursor movement across the product image. Typography pairs Cormorant Garamond with Manrope for an editorial feel.

Six fluid sections cover a complete commerce experience: a split-screen hero with portrait imagery and elegant serif typography, a horizontal drag-and-scroll lookbook gallery with white matte borders and rounded corners, a detailed product layout with specs and a terracotta cursor circle, a vertical timeline with viewport-triggered fade-in animations, a lifestyle video section with a CSS grain overlay, and a full-screen signature contact section with a massive semi-transparent logo background.

+ Single-file HTML/CSS/JS with zero dependencies
+ Centered pill-shaped floating nav with backdrop-filter blur
+ Sticky section architecture where panels slide under each other
+ Horizontal lookbook gallery with drag-to-scroll momentum physics
+ Left and right arrow navigation buttons for the lookbook
+ 32px rounded corners with 10px white matte border on gallery images
+ Mouse-following terracotta buy circle with LERP animation
+ Vertical timeline with fade-in at viewport center
+ CSS grain/noise overlay on the video section
+ Expanding underline animation on all CTA links instead of standard buttons
+ EST. 2026 fixed vertical decorator on the right edge
+ All transitions use cubic-bezier(0.23, 1, 0.32, 1) soft physics easing
+ IntersectionObserver scroll reveal with 3-second iframe fallback
+ Full prefers-reduced-motion support
+ Responsive layout with mobile hamburger navigation