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

SectionPurpose
Before/After SliderOpens the page with a full-viewport transformation reveal
Mood Reference SceneSets tone with tear sheets, Polaroids, and color swatches
Process Work SceneShows hands, brushes, and pigment mid-application
Final Reveal FramePresents the finished look in a massive bleed-off frame
Fixed Booking RailKeeps the primary call to action visible throughout the scroll
Booking ModalCaptures project type, shoot date, and look description
Rate Sheet CaptureCollects 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.

  1. The Before/After Slider creates immediate proof of craft at first glance, before any text has been read
  2. 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
  3. 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
Contour - Bold Makeupartist Landing Page Template
Contour - Bold Makeupartist Landing Page Template
Contour - Bold Makeupartist Landing Page Template
Contour - Bold Makeupartist Landing Page Template

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?