Formulate is a masonry-style clean beauty landing page template built for brands that lead with ingredient integrity. A full-screen video hero, seasonal masonry tiles, and a five-question skin ritual quiz work together to turn browsers into buyers. The Neo-Retro Merlot and Smoke palette gives the page a rich, editorial warmth that feels nothing like a typical beauty storefront.
by Rocket studio
Loading preview…
Quick summary
Formulate is a single-page clean beauty landing page template with a masonry grid layout, a full-screen video header, and a built-in quiz overlay. It is designed for ingredient-forward beauty brands targeting discerning women who prioritize quality over quantity. The warm Neo-Retro color system and seasonal creative direction make every scroll feel like a sensory ritual rather than a product browse.
Who this template is for
This template suits clean beauty founders and brand teams who want a landing page that feels as considered as their formulas. It speaks directly to an audience that reads ingredient lists carefully and expects the same rigor from the brands they choose.
Clean beauty brands selling a curated, small-batch product range
Founders who want editorial depth rather than a generic e-commerce grid
Brand teams ready to lead conversions with a personalized skin ritual quiz
What problem this template solves
Most beauty landing pages treat every visitor the same. They show a full catalog, rely on discount banners, and give shoppers no reason to stay. For a clean beauty brand, that approach actively works against trust.
Ingredient-led brands lose credibility when their page looks like every other beauty storefront
Shoppers who care deeply about formulation need guidance, not just a product grid
Generic templates cannot recreate the sensory, unhurried feeling that premium clean beauty requires
What you get with this template
You get a fully art-directed single-page layout that combines visual storytelling with a conversion path built around personalization. Every design choice in this template reflects the source brief directly.
A full-screen video hero section with a warm merlot-graded film grain aesthetic and a single serif headline
A masonry grid with tiles of varying heights that mix ingredient macro shots, looping video clips, and kraft-paper testimonial cards
A five-question skin ritual quiz in a full-screen overlay that delivers a curated three-product recommendation with a one-click add-to-cart
Theme
Neo-Retro
Creative direction
Seasonal/Moment
Color system
Merlot & Smoke
Style
Masonry/Pinterest
Direction
Quiz/Assessment
Page Sections
Full-screen Video Hero with Serif Headline
Masonry Grid with Varied Tile Heights
Seasonal Sensory Creative Direction
Five-question Skin Ritual Quiz
Curated Ritual Recommendation with One-click Cart
Floating and Anchored Quiz Call-to-action
Related questions
Can I replace the video in the hero section with a still image?
How many products does the quiz recommend?
Do visitors need to create an account to use the quiz or buy?
Can I edit the quiz questions to match my product range?
Is this template a good fit for a brand with only a few products?
Feature list
This section covers the core capabilities built into the Formulate template as described in the source brief.
Full-Screen Video Hero
The header fills the entire viewport with slow-motion footage styled in warm amber and merlot tones. A single serif headline fades in over the footage. Navigation stays hidden until the visitor begins to scroll, keeping the opening moment cinematic and distraction-free.
Masonry Grid Layout
The page uses a Pinterest-style masonry grid where tiles vary deliberately in height and width. Some tiles hold ingredient macro photography, others contain short looping video clips, and others display testimonials styled as handwritten text on torn kraft paper. The uneven rhythm is intentional.
Seasonal Creative Direction
Each masonry tile represents a sensory moment tied to a season or time of year. The scroll feels less like browsing a catalog and more like moving through a year of personal rituals. This approach keeps visitors emotionally engaged across the full page.
Five-Question Skin Ritual Quiz
The quiz opens in a full-screen overlay using the same Merlot and Smoke palette as the rest of the page. It asks five questions covering skin mood, morning or evening ritual preference, scent, texture, and the season that suits their skin best. Each question fills one screen and uses illustrated tap cards instead of radio buttons.
Curated Ritual Results
After completing the quiz, the visitor receives a three-product ritual recommendation matched to their answers. A single "Start This Ritual" button triggers a one-click add-to-cart flow. No account creation is required before reaching checkout.
Floating and Anchored Call-to-Action
The primary "Find Your Ritual" call-to-action appears first as a floating button after the third scroll fold. It then reappears as an anchored button at the bottom of the masonry grid. This placement gives visitors two natural moments to engage without feeling pressured.
Page sections overview
Section
Purpose
Full-Screen Video Hero
Opens the page with slow-motion, film-grain footage and a serif headline
Masonry Ingredient Tiles
Displays ingredient macro shots in varied-height grid tiles
Seasonal Moment Tiles
Connects products to sensory rituals across the four seasons
Looping Video Tiles
Embeds short atmospheric video clips within the masonry grid
Kraft Paper Testimonials
Shows customer quotes styled as handwritten notes on torn kraft paper
Floating Quiz Button
Surfaces the "Find Your Ritual" call-to-action after the third scroll fold
Quiz Overlay
Runs the five-question skin ritual assessment in a full-screen overlay
Ritual Results Screen
Presents a curated three-product recommendation with one-click add-to-cart
Anchored Quiz call to action
Repeats the primary call-to-action at the base of the masonry grid
Design & branding system
The template uses a Neo-Retro visual theme built around a Merlot and Smoke color system. Every color choice has a specific role in the layout, and the overall palette recalls a warm 1970s editorial aesthetic re-imagined with a contemporary eye.
Deep wine (#4A0E2E) fills hero sections like a velvet curtain, charcoal smoke (#3B3336) anchors body typography, blush cream (#F2E4D8) creates breathing room between masonry tiles, and burnished rose-gold (#C4917B) highlights buttons and hover states
Typography uses serif headline type for emotional weight, with the film grain treatment and warm color grading reinforcing an analog, medium-format film aesthetic
The overall tone is warm, grainy, and unhurried, evoking a sensory memory rather than a transactional storefront
Mobile & speed optimization
The template is designed with a layout structure that supports a clean mobile experience. The masonry grid and full-screen overlay components are built to reflow naturally for smaller screens.
Masonry tiles restack responsively so the varied-height rhythm translates across screen sizes without breaking the editorial feel
The quiz overlay fills the full screen on mobile, keeping each illustrated tap-card question easy to read and interact with on a touch display
The floating call-to-action button is sized and positioned to remain accessible without obscuring content during mobile scroll
How this template helps you convert
The entire page is structured around a single, personalized conversion path. Rather than pushing visitors toward a generic shop page, every element moves them toward a ritual that feels chosen for them specifically.
The full-screen video hero creates an immediate emotional connection before any product is shown, lowering the visitor's guard and building brand trust from the first second.
The seasonal masonry grid keeps visitors engaged through the full scroll by making the experience feel editorial and personal rather than promotional, which increases the time spent on page before the quiz appears.
The five-question quiz delivers a curated three-product ritual recommendation, and the one-click "Start This Ritual" add-to-cart removes friction at the exact moment purchase intent is highest.
Other information about this template
The Formulate template sits within the Beauty and Personal Care category, specifically designed for the clean beauty brand niche. It is well-suited for makeup artists and beauty professionals who want a landing page that reflects a premium, curated identity.
The template style is Masonry and Pinterest-inspired, making it distinct from standard single-column or hero-plus-grid beauty page layouts
The intersection of the Neo-Retro theme, Seasonal and Moment creative direction, and Quiz and Assessment conversion path is a deliberate combination intended for brands with a small, considered product range
This template works especially well for product launches, seasonal campaign pages, or brand identity rollouts where visual storytelling is as important as the conversion goal
The quiz results screen is designed to remove the need for account creation before checkout, reducing drop-off at the point of highest purchase intent
