Home
Templates
Beauty & Personal Care
Beauty & Cosmetics Brand
Pout - Luxe Lipcare Landing Page Template
Pout is a luxe minimal landing page template built for lip care and color brands. It combines a full-screen video hero, an interactive masonry grid with before-and-after hover reveals, and a sunset-toned color system. The result is an immersive, scroll-driven experience that guides visitors from sheer balms to saturated stains and moves them toward the product collection.
by Rocket studio
Pout is a single-page template designed for direct-to-consumer lip care and color brands. It opens with a slow-motion video hero, then flows through an interactive masonry grid where every product tile reveals a before-and-after shade on hover. A sticky "Find Your Shade" call to action and per-tile shop links work together to turn browsing into buying.
This template is built for beauty founders and creative teams who sell lip products that sit between skincare and color. It suits brands that lead with sensory storytelling rather than clinical ingredient lists.
Most product landing pages present shades as static swatches. Buyers cannot visualize how a color actually settles on skin, so they hesitate and leave. Pout solves this confidence gap before visitors ever reach the cart.
You receive a fully structured, single-page layout built around an editorial beauty experience. Every section is purposeful and flows from one to the next in a deliberate intensity progression.




Theme
Luxe Minimal
Creative direction
Before/After Reveal
Color system
Sunset Gradient
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
Full-screen Video Hero
Before-and-after Hover Reveals
Scroll-driven Shade Progression
Cinematic Full-width Strip Breaks
Sticky Shade-finder Call to Action
Brand Philosophy and Testimonial Strip
Can I swap in my own product photography or video footage?
Does the before-and-after hover effect work on mobile devices?
How many product shades can the masonry grid hold?
Can I update the brand colors and fonts to match my own identity?
Is this template suitable for a brand that sells both balms and stains together?
This section covers the core interactive and visual capabilities built into the Pout template.
The hero fills the viewport with a looping slow-motion film of lip product application. A single serif headline fades in after the first visual pass, setting the brand tone before the visitor scrolls.
Every product tile in the masonry grid responds to hover. The bare lip state shows on hover-off, and the color-applied state appears on hover-on. This turns the entire grid into a living, interactive shade wall.
Tiles are arranged so sheer balm shades appear at the top of the grid and saturated stains deepen toward the bottom. The visual journey mirrors a sunset descending, building desire as the visitor scrolls.
Full-width editorial strips interrupt the masonry grid between product clusters. Each strip features a macro texture shot, a bullet smear, or a blotted kiss image, creating a sensory pause that keeps the scroll feeling intentional.
A pill-shaped "Find Your Shade" button in plum-wine stays fixed in the viewport as visitors scroll the entire page. It provides a persistent, low-friction path to the product collection at every point in the journey.
A dedicated strip communicates the skincare-meets-color brand narrative and embeds micro-testimonial pull quotes from real customers, reinforcing trust before visitors click through to purchase.
| Section | Purpose |
|---|---|
| Video Hero | Opens with looping macro film and headline reveal |
| Sheer Balms Grid | Six interactive hover tiles for balm shades |
| Balm Texture Strip | Cinematic macro break between grid clusters |
| Stains Masonry Grid | Six deeper-saturation hover tiles for stain shades |
| Brand Philosophy Strip | Skincare-meets-color narrative with testimonial quotes |
| Page Footer | Horizontal flow footer on cream background |
The template uses a Luxe Minimal visual style built on a Sunset Gradient palette. Warm, skin-close tones do the emotional work while a clean cream base keeps the layout airy and editorial.
Pout is built with mobile-first layout priorities, reflecting the reality that beauty shoppers browse and buy primarily on their phones.
Every design decision in Pout is oriented toward moving visitors to the product collection with confidence rather than friction.
The Pout template is part of a curated collection of beauty and cosmetics landing page templates. It is suited to both new brand launches and seasonal collection refreshes.