Home
Templates
Beauty & Personal Care
Hair Care Brand & Product
Flake - Clarifying Haircare Landing Page Template
Flake is a masonry-style anti-dandruff haircare landing page built around zinc pyrithione and tea tree oil. The page combines a full-bleed after-shot header, a staggered immersive photo grid, a clinical stat banner, and direct-purchase product cards with subscription toggles. Every scroll layer earns the sale by showing results before the product.
by Rocket studio
Flake is a single-page haircare landing page for an anti-dandruff brand rooted in clean, active ingredients. The Organic Flow design uses a Cloud Canvas palette and a masonry grid to guide visitors from a confident visual result straight to a purchase. It is built to convert through proof, not persuasion pressure.
This template fits founders, product marketers, and creative teams launching or refreshing a haircare brand in the anti-dandruff space. It works best when the product story leads with visible results and the buyer already knows the problem.
Most haircare product pages bury the result under ingredient lists and generic claims. Buyers lose trust before they reach the cart. This template reverses that order by leading with the visual proof and placing the purchase decision after confidence is already built.
You get a fully structured, single-page masonry layout designed specifically for a direct-sales haircare brand. Every section is pre-placed to move a skeptical buyer from curiosity to cart without friction.
This template ships with a focused set of design and interaction features drawn directly from the Flake brand brief.
The header fills the viewport edge to edge with a close-up wet-hair photograph lit from behind. After two seconds, a single line of lowercase copy rises from the bottom of the frame. The effect sets the "after" tone before any product is shown.
The page unfolds in a Pinterest-style masonry grid that staggers tiles at uneven heights. Lifestyle shots, macro ingredient textures, and user-generated content sit alongside each other so the eye keeps moving naturally down the page.
A short looping video of tea tree leaves being cold-pressed is embedded inside the masonry grid. A customer quote in sage on white sits beside it, pairing the sensory ingredient story with social proof in the same visual cluster.
A full-width banner breaks the grid to display a dermatologist-verified statistic: 87 percent flake reduction in 14 days. This interruption resets trust at mid-scroll before the grid continues with user-generated content.
Every product tile inside the masonry grid carries an "Add to Bag" button and a quantity stepper. A secondary toggle offers Subscribe and Save 20 percent, defaulted to off, with a one-line explainer about the 30-day ship cycle and easy cancellation.
After the second grid row, a sticky bar locks to the bottom of the viewport. It carries the primary call-to-action in eucalyptus green and stays visible as the visitor continues scrolling, reducing the distance to purchase at any point on the page.
| Section | Purpose |
|---|---|
| Full-Bleed Header | Opens with the after result and animated brand tagline |
| Animated Headline | Rises on load to deliver the core product promise |
| First Grid Row | Shows the bottle from three angles in shallow water |
| Video and Quote | Pairs cold-press ingredient footage with a customer quote |
| Clinical Stat Banner | Delivers the 87% flake reduction proof point at mid-scroll |
| UGC Grid Cluster | Continues the masonry with hair-flip shots and ingredient close-ups |
| Product Cards | Enables direct purchase with quantity and subscription options |
| Sticky call to action Bar | Keeps the purchase action reachable at every scroll depth |
The Organic Flow theme uses a Cloud Canvas color system that feels like a cleared bathroom counter in morning light. Every color choice reinforces calm and clarity rather than clinical sterility.
The masonry layout is designed to reflow cleanly for smaller viewports so the immersive scrolling experience translates from desktop to phone without losing visual rhythm.
The page architecture is built around a single conversion principle: show the result first, then earn the sale. Every section placement reinforces that sequence.
This template is built under the Masonry/Pinterest template style category within the Beauty and Personal Care vertical, specifically for the anti-dandruff brand niche. It pairs an Immersive Visual creative direction with a Direct Sales landing-page direction so every design decision serves the purchase path.




Theme
Organic Flow
Creative direction
Immersive Visual
Color system
Cloud Canvas
Style
Masonry/Pinterest
Direction
Direct Sales
Page Sections
Full-bleed Animated Header
Staggered Masonry Grid
Looping Ingredient Video Tile
Clinical Stat Banner
Product Cards with Subscription Toggle
Sticky Call-to-action Bar
Can I replace the header photo with my own brand imagery?
How does the subscribe-and-save toggle work on product cards?
Is this template built for one hero product or a full product range?
Does the video tile need a hosted video file?
Can I change the default color palette to match my brand?