Shear - Razoredge Portfolio Landing Page Template

Quick summary

Shear is a one-page portfolio landing page for a boutique hair stylist studio. It opens with a full-screen slow-motion video, then guides the visitor through layered panels that reveal technique, craft, and personality. The entire page builds toward one moment: clicking "Book the Chair."

Who this template is for

This template is built for stylists whose work is the headline. It suits independent creatives who treat every haircut as a considered artistic decision and need a page that communicates that without explanation.

• Independent hair stylists running a one-chair or boutique studio
• Editorial stylists looking to attract collaborator inquiries from the creative industry
• Stylists whose client base includes design-literate professionals and detail-driven women ready to commit to a signature look

What problem this template solves

Most hair stylist portfolio pages look like menus. They list services, show grid galleries, and ask for nothing. Shear solves the trust gap between a first-time visitor and a first booking.

• Visitors arrive comparing stylists; this page reframes the choice around craft and identity instead of price
• The layered scroll builds a relationship before any call-to-action appears, so the booking click feels earned rather than pressured
• The dark, gallery-quality aesthetic signals serious artistry to clients who research for months before trusting someone new

What you get with this template

You get a complete single-page layout designed for immediate deployment as a hair stylist portfolio. Every section is purpose-built to move a visitor from curiosity to conviction.

• A full-screen video header section, layered process and portfolio panels, technique-named typography blocks, and a closing full-width call-to-action
• A fixed rose-accent "Book the Chair" pill that stays visible throughout the entire scroll
• A dark brutalist visual system with a defined color palette, oversized chalk-white headlines, and deliberate overlap spacing built into the layout

Feature list

This section covers the core built-in capabilities that make Shear work as a portfolio and conversion tool.

Full-Screen Slow-Motion Video Header

The header section is designed to hold a full-screen video background. The intended footage shows hands working through wet hair, scissors catching overhead light, and a comb pulling through color-treated strands. A single oversized brutalist headline in chalk white sits heavy over the footage, overlapping the video edge like a torn poster on a concrete gallery wall.

Overlap and Layered Panel Layout

Every scroll section uses deliberate layering. Process shots sit half-hidden beneath translucent quote cards. Finished looks bleed off panel edges behind stacked typography blocks. This overlap approach makes every image feel curated rather than catalogued, building a gallery-quality sense of craft as the visitor moves down the page.

Creator Spotlight Scroll Structure

The page is structured as a slow reveal of the person behind the chair. Each panel peels back another layer of craft and personality. By the final scroll, the visitor feels they already know the stylist, which is the exact condition that makes a booking decision feel natural.

Fixed Call-to-Action Pill

A fixed rose-accent pill labeled "Book the Chair" anchors itself in the bottom corner and remains visible throughout the entire page scroll. It does not interrupt the experience but stays ready whenever the visitor is ready to act.

Closing Full-Width Call-to-Action

At the end of the page, a full-width call-to-action section closes the experience. This second appearance of "Book the Chair" functions as a direct invitation after the visitor has absorbed the full portfolio. Both call-to-action instances route to an embedded scheduling tool rather than an on-page form.

Stacked Brutalist Typography System

Technique names and stylist statements are set in oversized stacked type. The typographic blocks work as both design elements and content, naming the craft behind each look rather than simply labeling images.

Page sections overview

Design & branding system

The visual identity uses the Cloud Canvas color system, built on a deep charcoal ground with deliberately soft contrasting tones. The result feels like tearing open a matte black envelope to find tissue paper inside: stark, soft, and unexpectedly intimate.

• Color palette: deep charcoal ground (#1A1A1A), soft vapor gray (#D4D2CF) for floating text panels, chalk white (#F0EDE8) on headline type, and dried rose (#B5838D) reserved exclusively for hover states and call-to-action pulses
• Typography: oversized brutalist headlines in chalk white, stacked type blocks for technique naming, and translucent quote cards layered over imagery
• Spatial system: frameless, gallery-like spacing with deliberate overlap between panels, creating a sense of depth and editorial curation throughout

Mobile & speed optimization

The overlap and layered structure is designed with intentional spacing that adapts to smaller screens without losing its editorial character. The dark palette and minimal color usage keep the visual system coherent at any size.

• Layered panels and fixed call-to-action pill are built to maintain usability on mobile viewports
• The full-screen video header section is structured to support a fallback image for devices where autoplay video is restricted

How this template helps you convert

Shear earns the booking click rather than demanding it. The page is designed so that by the final scroll, the visitor is no longer evaluating the stylist; they are claiming a time slot.

1. The slow-motion video header establishes artistry immediately, filtering out casual visitors and holding the attention of genuinely interested clients before any service claim is made.
2. The layered scroll builds a personal connection through process shots, technique names, and quote panels, so the "Book the Chair" call-to-action arrives when trust is already established.
3. The fixed pill and closing full-width call-to-action give two natural booking moments without interrupting the storytelling flow, reducing friction at the exact points when a visitor is most ready to act.

Other information about this template

Shear sits within the Portfolio and Agency category and is specifically designed for the hair stylist dark theme portfolio niche. It is a single landing page, not a multi-page site, so it is well-suited for stylists who want a focused, high-impact presence without managing a full website.

• Template style: Overlap and Layered, using the Bold Brutalist theme
• Creative direction: Creator Spotlight, meaning the page narrative centers the individual stylist as the primary subject
• The click-through landing page direction means no contact form lives on this page; all booking happens through the external scheduling tool the stylist links to
• This template works especially well for stylists whose ideal clients are creative professionals, editorial scouts, or design-aware individuals who respond to gallery-quality presentation over conventional service listings

Show more