Crown is a gallery-style landing page template built for afro hair specialists and natural hair studios. It pairs full-viewport portrait photography with hover-activated detail panels, a slow Gallery Walk scroll, and a low-friction booking form. The design uses a warm, editorial palette to let the hair speak first and move visitors toward a free consultation.
by Rocket studio
Loading preview…
Quick summary
Crown is a single-page template designed for luxury afro hair studios. It presents each signature service as a full-width editorial portrait with a slide-in detail panel. The conversion path is gentle and deliberate: a floating consultation pill appears mid-scroll, and a secondary download offer catches visitors who aren't ready to book yet.
Who this template is for
This template is built for natural hair specialists who want their work to feel like an exhibition, not a price list. It suits studios where the quality of the craft is the main selling point.
Afro hair stylists and salon suite owners who specialise in coils, locs, twists, and silk presses
Independent hair artists targeting corporate professionals, brides, and clients transitioning away from chemical treatments
Studios looking to replace a generic booking page with something that reflects the editorial standard of their work
What problem this template solves
Most salon landing pages treat services like a menu and hair like a commodity. For natural hair clients who have sat in chairs where their texture was misunderstood, that approach destroys trust before a booking is even considered.
Generic templates rush visitors toward a form before trust is built, losing clients who need to feel seen first
Standard gallery layouts present all services at once, creating noise rather than focus
There is no obvious place for technique notes, duration context, or client quotes inside a typical service card
What you get with this template
Crown gives you a complete, single-page layout structured around the Gallery Walk concept. Every section has a clear role, and the overall flow moves a visitor from curiosity to confidence at a considered pace.
A full-viewport hero portrait with a watermark studio name and a subtle scroll cue
Four signature service sections, each pairing a full-width portrait with a hover or tap-activated slide-in detail panel showing technique notes, estimated duration, and a client quote
Theme
Luxe Minimal
Creative direction
Gallery Walk
Color system
Cloud Canvas
Style
Gallery + Detail
Direction
Freemium/Trial
Page Sections
Full-viewport Hero Portrait
Gallery Walk Service Layout
Floating Consultation Pill
Three-field Booking Form
Wash Day Guide Download Offer
Philosophy and Testimonial Sections
Related questions
Can I use this template for a salon with multiple stylists?
How many services can the Gallery Walk section display?
Does the template include portrait photography?
Is the booking form connected to a scheduling tool?
Can I edit the hair type options in the booking form?
A philosophy statement section, a three-client testimonial section, a three-field booking form, and a secondary downloadable guide call to action
Feature list
A single paragraph introduces this section. Each feature below is drawn directly from the template brief and represents a built-in layout or interaction component.
Full-Viewport Hero Portrait
The header fills the entire screen with a vertical portrait photograph. The studio name appears only as a thin, letterspaced watermark near the bottom edge. There is no navigation bar competing for attention. The hair becomes the first and loudest statement.
Gallery Walk Service Sections
Four service sections are laid out one per viewport, each anchored by a full-width portrait. A detail panel slides in from the right on hover or tap, revealing technique notes, estimated service duration, and a single embedded client quote. The pacing is slow by design.
Floating Consultation Pill
After the third portrait section, a floating pill button labelled "Book Your Free Consultation" appears and follows the visitor down the page. It provides a persistent booking path without interrupting the editorial flow of the Gallery Walk.
Three-Field Booking Form
The consultation form at the close of the page asks for first name, hair type (coils, locs, transitioning, or unsure), and a preferred date. Three fields only. The form is designed to lower hesitation and match the unhurried tone of the rest of the page.
Wash Day Guide Secondary Offer
A secondary conversion path offers a downloadable PDF guide in exchange for an email address. This captures visitors who are not yet ready to book but are already engaged with the studio's approach.
Philosophy and Testimonial Sections
A dark, cinematic philosophy section states the studio's "why Crown" positioning. A standalone testimonial section presents three client stories with hair-type specificity, reinforcing trust for visitors who are still weighing their decision.
Page sections overview
Section
Purpose
Hero Portrait
Opens with a full-viewport vertical photograph and watermark studio name
Gallery Walk
Presents four signature services as full-width portraits with slide-in detail panels
Philosophy Statement
Dark cinematic section articulating the studio's core positioning
Client Testimonials
Three client stories written with hair-type specificity to build trust
Booking and Download
Free consultation form plus secondary downloadable guide offer
Footer
Horizontal footer layout closing the page
Design & branding system
The visual identity follows a Luxe Minimal, gallery-editorial approach. The palette is deliberately restrained so the photography carries the emotional weight of every section.
Colors: warm gallery white (#F5F0EB), shea-butter gold (#C9A96E), deep cocoa (#2C1810), and soft clay (#D4A59A) used for hover states and section dividers
Typography: Fraunces serif display for headlines and DM Sans for body text and interface elements
Texture and tone: the palette reads like unbleached cotton over mahogany, skin-warm and unhurried, ensuring the hair remains the loudest element in every frame
Mobile & speed optimization
The template is built with a mobile-first priority, recognising that most natural hair clients browse on their phones between appointments. Interactions are designed to work on both hover and tap.
Detail panels respond to tap as well as hover, keeping the Gallery Walk fully functional on smaller screens
Animations use CSS-first approaches and Intersection Observer reveals so transitions feel smooth without relying on heavy scripting
Scroll-linked opacity and grayscale reveal effects are layered progressively, maintaining visual quality across device sizes
How this template helps you convert
The conversion strategy is woven into the pacing of the page itself. Trust is built through the Gallery Walk before any form is presented.
The floating consultation pill appears after the third portrait, reaching visitors at a moment when they have already seen multiple examples of the studio's work and are most receptive to booking
The three-field form reduces hesitation by asking only for a first name, a hair type, and a preferred date, making the commitment feel small and the consultation feel personal
The downloadable Wash Day Guide captures email addresses from visitors who are not ready to book, creating a secondary audience of warm, engaged prospects
Other information about this template
Crown was built for a London-based context with English (UK) language defaults and a GBP pricing framing. The template style is classified as Gallery and Detail, sitting within the Luxe Minimal theme family. The creative direction is the Gallery Walk, with a Vertical/Portrait header concept and a Freemium/Trial conversion model. The color system is called Cloud Canvas. Animation intensity is high, including grayscale portrait reveals, scroll-linked opacity transitions, and slide-in panels. This template sits in the Beauty and Personal Care category under the Salon and Hair Studio subcategory, with a niche focus on afro hair specialists.
Template style: Gallery and Detail, within the Luxe Minimal theme
Creative direction: Gallery Walk with Vertical/Portrait header concept
Conversion model: Freemium/Trial with a free consultation primary call to action and a downloadable guide secondary call to action
Locale and language: English (UK), GBP context, London location assumed
