Contour - Bold Makeupartist Landing Page Template
Contour is a bold, brutalist-themed horizontal scroll landing page built for makeup artists who need to prove range fast. It opens with a full-viewport Before/After Slider, moves through a cinematic project gallery, and closes with a lead-capture booking modal. The Cloud Canvas palette and oversized typography let the work dominate every frame.
by Rocket studio
Quick summary
Contour is a single-page horizontal scroll portfolio built for professional makeup artists. It opens on a full-bleed Before/After Slider, advances through editorial, bridal, and SFX work in a cinematic lateral sequence, and ends with a fixed "Book a Face" call to action. The Bold Brutalist design keeps the focus on the craft, not the chrome.
Who this template is for
This template is designed for working makeup artists who handle high-stakes, varied project types. It is best suited for professionals whose portfolio spans more than one discipline and who need to convert both creative and commercial clients.
- Freelance makeup artists building portfolios for editorial and campaign work
- Bridal makeup artists who want to attract clients researching late at night
- Film, television, and SFX makeup artists pitching to production coordinators
What problem this template solves
Most portfolio pages present work as a static grid. That format treats every image as equal and gives no sense of process, stakes, or skill progression. Clients scrolling through a flat gallery cannot feel the craft building.
- A static grid fails to communicate range across editorial, bridal, and SFX disciplines
- Generic contact forms do not filter for project type or intent before a booking conversation
- Bland layout and neutral design make it hard for bold, transformative work to land with impact
What you get with this template
This template gives you a complete, ready-to-customize horizontal scroll landing page. Every section is purpose-built to move a visitor from first impression to booking inquiry in a single, uninterrupted scroll journey.
- A full-viewport Before/After Slider header with a draggable brutalist divider
- A Cinematic Sequence gallery that advances through mood references, process shots, and final reveals
- A fixed "Book a Face" call-to-action rail and a brutalist booking modal with sequenced fields
Feature list
This template was designed around one idea: let the work build its own case. Every feature exists to support that goal without interrupting the visual flow.
Before/After Slider Header
The header fills the entire viewport with a single face, no margins. A draggable vertical bar stamped with a brutalist arrow glyph splits a black-and-white bare face on the left from the finished, saturated look on the right. The model's direct gaze engages the visitor immediately.
Horizontal Scroll Cinematic Sequence
The core gallery advances laterally like a film reel. Each project scene moves through three beats: a mood reference, a process moment, and a full-bleed final reveal. The rhythm escalates through editorial, bridal, and SFX prosthetics work, building the visitor's sense of the artist's range.
Fixed "Book a Face" Call-to-Action Rail
A persistent booking prompt sits fixed to the bottom of the horizontal scroll track. It travels with the visitor through every scene so the invitation to book is always one tap away, regardless of how far into the gallery they have scrolled.
Brutalist Booking Modal
Clicking "Book a Face" opens a focused modal with three sequential fields: project type selection from four categories (editorial, bridal, film and television, and SFX), a shoot date range picker, and a single open text field labeled "Describe the look." The form is short by design.
Rate Sheet Download Path
A secondary lead capture path lets visitors request the rate sheet by entering only an email address. This low-commitment option filters for high-intent visitors who are not yet ready to book but are actively researching.
Bold Brutalist Visual System
Oversized, unapologetic sans-serif typography dominates every section. The Cloud Canvas color system keeps the background honest and raw so the work itself provides all the visual color. A soft rose mercury accent appears only on hover states and active interface elements.
Page sections overview
| Section | Purpose |
|---|---|
| Before/After Slider | Opens the page with a full-viewport transformation reveal |
| Mood Reference Scene | Sets tone with tear sheets, Polaroids, and color swatches |
| Process Work Scene | Shows hands, brushes, and pigment mid-application |
| Final Reveal Frame | Presents the finished look in a massive bleed-off frame |
| Fixed Booking Rail | Keeps the primary call to action visible throughout the scroll |
| Booking Modal | Captures project type, shoot date, and look description |
| Rate Sheet Capture | Collects email in exchange for downloadable rate information |
Design & branding system
The visual identity is built around a Cloud Canvas color system that keeps the page feeling raw, intentional, and studio-honest. Color lives in the photography, not in the interface.
- Chalky off-white (#EDE8E3), poured concrete gray (#6B6B6B), deep charcoal (#1A1A1A) form the three-tone base palette
- Soft rose mercury (#C9A9A6) appears exclusively on hover states and active interface elements, never in static layout
- Oversized, unapologetic sans-serif typefaces are set at brutal scale to anchor each section without competing with the imagery
Mobile & speed optimization
The horizontal scroll interaction is built with touch navigation in mind. Lateral swipe gestures work naturally on mobile so phone-based visitors, like brides browsing late at night, get the same cinematic pacing as desktop users.
- Touch-swipe support on the horizontal scroll track for seamless mobile browsing
- The Before/After Slider drag interaction is designed to work with a single thumb gesture
How this template helps you convert
The page is structured to earn the booking before it asks for one. By the time the scroll ends, the visitor has moved through the full arc of the artist's skill and the call to action feels like the natural next step.
- The Before/After Slider creates immediate proof of craft at first glance, before any text has been read
- The Cinematic Sequence builds credibility progressively, moving from editorial to bridal to SFX so the visitor understands the full range of the artist's work
- The two-path lead capture system meets visitors where they are: a full booking form for ready clients and a low-friction rate sheet download for those still deciding
Other information about this template
Contour is part of a specialized template category designed for creative service professionals who need portfolio pages that sell without selling. A few additional details worth knowing before you build:
- The template is designed as a single horizontal scroll landing page, not a multi-page site
- The booking modal's four project type options (editorial, bridal, film and television, SFX) can be customized to match the artist's actual service menu
- The rate sheet download path is intentionally low-commitment, making it suitable for artists who prefer to qualify leads before a direct conversation
- The Bold Brutalist theme and Cloud Canvas palette are designed to complement high-contrast, color-rich photography rather than muted or pastel portfolios
- This template is a strong fit for makeup artists who regularly work across disciplines and want one page that speaks to all of their client types at once




Theme
Bold Brutalist
Creative direction
Cinematic Sequence
Color system
Cloud Canvas
Style
Horizontal Scroll
Direction
Lead Generation
Page Sections
Before/after Slider Header
Horizontal Scroll Cinematic Sequence
Fixed Booking Call-to-action Rail
Sequenced Brutalist Booking Modal
Rate Sheet Download Path
Cloud Canvas Brutalist Visual System
Related questions
Can I use this template if I only specialize in one type of makeup work?
How does the "Book a Face" booking modal work?
Is the Before/After Slider suitable for any transformation style?
Can visitors download the rate sheet without filling out the full booking form?
What kind of photography works best with the Cloud Canvas color system?