Templates
Portfolio & Agency
Beauty & Salon Marketing & Agency
Gloss - Cinematic Beauty Landing Page Template
Gloss is a horizontal scroll landing page built for beauty and salon video marketing agencies. It combines a cinematic Photo Grid Mosaic header, award-driven case study panels, and a glass-morphism visual system to turn agency proof into booked clients. Every section builds prestige, and a persistent call-to-action guides visitors straight into a booking flow.
by Rocket studio
Gloss is a horizontal scroll landing page designed for agencies that produce cinematic content for salons, med-spas, and beauty brands. The layout moves visitors through escalating proof panels, from client problem to measurable results to award recognition, before landing them on a full-width booking call-to-action. The design feels like a polished editorial lookbook brought to life on screen.
This template is built for video production agencies and creative studios focused on the beauty industry. If your business turns salon shoots into scroll-stopping reels, brand films, or ad campaigns, this layout was designed around your sales story.
Salon and beauty agency websites often bury the best proof behind too much navigation. Potential clients click away before they see the reel that would have sold them. This template eliminates that drop-off by front-loading metrics, laurels, and client names in every panel.
You get a complete, single-page horizontal scroll layout structured as a cinematic case study journey. Every panel is sequenced to build trust, and the call-to-action travels with the visitor until they are ready to click.




Theme
Tech Glass
Creative direction
Award & Recognition
Color system
Ink & Paper
Style
Horizontal Scroll
Direction
Click-Through
Page Sections
Photo Grid Mosaic Header
Horizontal Scroll Case Study Panels
Glass-morphism Metric Cards
Persistent Floating Call-to-action
Award and Press Recognition Panel
Tech Glass Visual Identity
Does this template include a contact form?
Can I swap in my own reel footage and client case studies?
Is the horizontal scroll layout suitable for mobile visitors?
How many case study panels does the template support?
What makes this template different from a standard agency portfolio page?
This template is built around several tightly integrated design and layout features, each serving a specific role in the conversion flow.
An asymmetric grid of salon shoot stills fills the header. No single image dominates the frame. Each tile carries a barely-visible play icon that pulses once in violet, signaling that every image is a video waiting to play.
The page moves laterally, not vertically. Each scroll step is a structured case study panel: a stark client problem statement, a looping hero reel layered with view counts and engagement lifts, and an oversized serif client quote. The sequence escalates prestige with every panel.
Floating glass-morphism cards layer over live reel footage inside the case study panels. They display view counts, engagement lift figures, and festival laurels, making results visible at a glance without interrupting the cinematic feel.
The primary call-to-action, reading "Watch the Reel, Then Book the Crew", appears as a glass pill that travels with the horizontal scroll. On the final panel, it locks into a full-width sticky bar so the booking prompt is never out of reach.
The final panel tiles award logos and press mentions across a full-width credits-style layout. This closes the journey with industry validation before the visitor reaches the booking call-to-action.
The entire layout uses a Tech Glass aesthetic built on an Ink & Paper color palette. Deep editorial black, warm parchment, and soft graphite form the base, with glass-refraction violet reserved for hover states, play buttons, and award badges.
| Section | Purpose |
|---|---|
| Photo Grid Mosaic Header | Opens with a grid of salon shoot stills, each tile a playable video |
| Case Study Panel One | States the client problem in a single stark sentence on parchment |
| Case Study Panel Two | Plays looping hero reel with metric cards and festival laurels |
| Case Study Panel Three | Displays oversized serif client quote for social proof |
| Award and Press Panel | Tiles award logos and press mentions like rolling end credits |
| Sticky Booking Bar | Locks the primary call-to-action into a full-width bar on the final panel |
The visual identity follows a Tech Glass theme built on an Ink & Paper color system. The result feels like a heavyweight matte-finish lookbook that reveals a holographic foil stamp when you tilt the page.
The template is built with a lean, section-led structure that keeps the experience clean across screen sizes. The horizontal scroll mechanic and video-forward layout are designed to load efficiently within the single-page architecture.
Every design decision in Gloss points toward one outcome: getting the visitor to click through to the booking page. There is no form on this page; the call-to-action routes directly to a calendar-integrated booking flow.
This template is part of the Portfolio and Agency category, sitting within the Beauty and Salon Marketing and Agency subcategory. It is purpose-built for the Beauty and Salon Video Marketing Agency niche and carries an intersection match score of 13, indicating a strong alignment between the template style and the target use case.