Setcraft - Immersive Setdesigner Landing Page Template

Setcraft is a dark, immersive landing page template built for professional set designers. It combines a full-screen video header, manifesto-driven scroll sections, and a layered overlap layout to turn a portfolio into a cinematic argument. The design uses a Void and Violet color system to create depth, drama, and a B2B-ready brief submission form.

by Rocket studio

Quick summary

Setcraft is a single-page portfolio and blog template for set designers who work at a professional level. It uses overlapping layout layers, parallax scroll, and a full-screen video header to create the feeling of stepping onto a live soundstage. Every section escalates from philosophy to proof, guiding production companies, ad agencies, and theater directors toward a direct brief submission.

Who this template is for

This template is designed for experienced set designers ready to attract serious production clients. It speaks the language of people who build physical worlds for film, theater, commercials, and live events.

  • Freelance set designers pitching feature film and commercial production companies
  • Theater designers working with directors who think spatially and at scale
  • Set design professionals who want a portfolio that reads like a creative argument, not a simple gallery

What problem this template solves

Most portfolio templates were built for graphic designers or photographers. They present work as a flat grid, with no sense of physical depth, atmosphere, or intent. That approach undersells the craft of set design entirely.

  • There is no standard template that communicates the immersive, dimensional nature of built environments
  • A generic portfolio layout cannot convey the urgency and conviction that production clients need to feel before they commission
  • B2B outreach for set designers lacks a clear brief-capture path that qualifies the right clients early

What you get with this template

You get a fully structured, production-ready landing page layout that functions as both portfolio and manifesto. Every design decision, from the sticky call-to-action bar to the layered modal form, is built to support serious B2B outreach.

  • A full-screen video background header with a timed typewriter manifesto line appearing at four seconds
  • Scroll sections built as belief statements, each pairing project photos, process shots, and sketches in overlapping parallax compositions
  • A sticky bottom bar with the primary call to action "Bring Me Your Brief," activating after the third scroll section

Feature list

This template packs a focused set of purpose-built features. Each one serves the goal of turning a portfolio visit into a production inquiry.

Full-Screen Video Header with Timed Reveal

The header plays a slow handheld tracking shot through a set mid-build. No text appears for the first four seconds. Then a single manifesto line types itself over the footage: "I build the places that don't exist yet." This opening earns attention before it makes any ask.

Manifesto-Driven Scroll Architecture

Each scroll section leads with a belief statement, such as "Every surface tells a lie the audience wants to believe." Project photos, process shots, and hand sketches overlap at different parallax speeds. The effect creates physical depth on a flat screen and keeps the visitor reading rather than skimming.

Sticky Brief-Capture Bar

A bottom bar anchored to the viewport appears after the visitor passes the third section. It carries the primary call to action and stays visible through every subsequent scroll. The bar activates only once the work has been seen, so the ask lands with context behind it.

Layered Brief Submission Modal

The "Bring Me Your Brief" button opens a modal form built in the same layered visual language as the rest of the page. The form collects production type, a budget range via slider, a shoot or open date, and a freeform field asking the client to describe the world they need built.

Blog Path for Non-Ready Visitors

A secondary navigation option labeled "Read the Journal" routes visitors to the blog section. This keeps people who are not ready to commission inside the content ecosystem, building familiarity and trust over multiple visits.

Overlap and Layered Layout System

The template is built on an overlap and layered structural approach throughout. Sections stack near-black background planes at different depths. This is not a decorative choice. It mirrors the physical craft of set construction and makes every composition feel intentional.

Page sections overview

SectionPurpose
Video HeaderOpens with atmosphere and typed manifesto line
Philosophy StatementEstablishes creative worldview and voice
Work and ProcessLayers project photos, sketches, and process shots
Proof at ScaleEscalates from philosophy to demonstrated capability
Sticky Brief BarAnchors the primary call to action to the viewport
Brief Submission ModalCaptures production type, budget, date, and brief
Journal Blog PathRoutes non-ready visitors to the blog ecosystem

Design & branding system

The Void and Violet color system creates a blackbox theater atmosphere. Backgrounds recede into absolute black while interactive elements ignite in hot gel pink, appearing only on hover, exactly like a spotlight hitting its mark.

  • Color palette: absolute black (#09090B), deep theatrical violet (#3B1261), dusty lavender (#A78BBA) for body text, and hot gel pink (#E03E8A) reserved for interactive and hover states only
  • Layered backgrounds stack in near-black planes, with text glowing softly in lavender so it reads without competing with the imagery
  • The pink accent appears only when the visitor's cursor touches something, making every interaction feel like a deliberate lighting cue

Mobile & speed optimization

The layout is structured so that the overlap and parallax features translate cleanly to smaller viewports. Mobile visitors receive the same atmospheric experience without layout breakage.

  • Overlapping compositional layers are designed to restack gracefully on narrow screens
  • The sticky brief bar and modal form remain fully accessible and usable on touch devices
  • The video header is structured to support a fallback visual state on devices where autoplay is restricted

How this template helps you convert

This template converts by building conviction before making any ask. The page earns the inquiry rather than rushing toward it.

  1. The video header and manifesto sequence establish creative authority in the first seconds of a visit, so the right clients recognize a peer immediately.
  2. The scroll structure escalates from philosophy to proof to scale, meaning that by the time the sticky bar is visible, the visitor has already been persuaded by the work itself.
  3. The brief submission modal qualifies leads at the point of inquiry by capturing production type, budget range, and project description, giving the designer the information needed to respond with precision.

Other information about this template

Setcraft is built for the intersection of portfolio and blog, making it useful beyond a single project pitch. The journal section adds a long-term content layer that keeps the page relevant between active productions.

  • The template style is Overlap and Layered, a structural approach that reflects the physical discipline of set construction
  • The theme is Dark Immersive, suited to any creative professional whose work lives in low-light, high-atmosphere environments
  • The creative direction follows a Manifesto format, which works equally well for scenic designers, production designers, and art directors in live and filmed media
  • The landing page direction is optimized for Partnership and B2B outreach, with a form structure designed to capture qualified production leads rather than general inquiries
Setcraft - Immersive Setdesigner Landing Page Template
Setcraft - Immersive Setdesigner Landing Page Template
Setcraft - Immersive Setdesigner Landing Page Template
Setcraft - Immersive Setdesigner Landing Page Template

Theme

Dark Immersive

Creative direction

Manifesto

Color system

Void & Violet

Style

Overlap/Layered

Direction

Partnership/B2B

Page Sections

Full-screen Video Header with Timed Reveal

Manifesto Scroll with Parallax Depth

Sticky Brief-capture Bar

Layered Brief Submission Modal

Blog and Journal Integration

Void and Violet Color System

Related questions

Can I adapt this template for a production designer or art director portfolio?

Does the sticky brief bar appear immediately when the page loads?

Can I use this template as both a portfolio and a blog?

Is the brief submission form customizable for different production types?

What makes this layout different from a standard portfolio grid?