Atelier - Cinematic Costumedesigner Landing Page Template

Quick summary

Atelier is a single-page, storybook-style portfolio template for costume designers. It opens with a full-screen video header and unfolds through cinematic production spreads, each framed like a gallery photograph. The Obsidian and Gold color system and slow scroll pace create an atmosphere of quiet authority, ideal for attracting serious film, theater, and editorial collaborators.

Who this template is for

This template suits creative professionals who need a portfolio that communicates artistry before credentials. It is built specifically for costume designers working at the intersection of storytelling and craft.

• Freelance costume designers pitching to independent film directors and casting teams
• Theater companies or designers mounting ambitious stage productions who need a professional web presence
• Costume professionals seeking editorial and showrunner clients who value visual storytelling over a simple resume

What problem this template solves

Most portfolio templates present work as a grid of thumbnails. That format flattens the narrative behind each garment. Clients who commission a costume designer are buying a collaborator, not a catalogue. Atelier solves this by giving each production its own cinematic moment.

• Directors and showrunners cannot sense craft from a thumbnail grid, so inquiries stay generic and low-commitment
• Costume designers without a distinctive visual identity get overlooked in favor of designers with stronger first impressions
• A contact form that appears too early feels transactional; this template earns trust first and asks for the project conversation second

What you get with this template

You receive a fully structured, dark-theme portfolio landing page ready to be personalized with your own video footage, production imagery, and copy. Every section is arranged to guide a visitor through your creative world before inviting them to reach out.

• A full-screen video header section with a thin serif name treatment that fades in like a title card
• A gallery-walk production display system showing one production at a time with a title, role, and a single design-intent sentence
• Interstitial detail-crop frames placed between productions to reward attentive scrolling
• Repeating "View Full Lookbook" call-to-action placements after every third production
• A persistent "Discuss a Project" navigation link anchoring to a minimal end-of-page contact section

Feature list

This landing page template is built around deliberate pacing, theatrical visual identity, and a conversion structure that earns the click before it asks for one.

Full-Screen Video Header

The header fills the entire viewport with slow macro-lens footage: thread being pulled through brocade, scissors on silk, a gown spinning under a single overhead light. Text appears only as the designer's name in a thin serif, fading in like a film title card.

Gallery Walk Production Display

Each production occupies its own full-page section. The image enters first, then the production title and role appear in tarnished gold, then a single sentence of design intent surfaces in muted ivory. Pacing is slow and deliberate, mimicking the experience of moving through a curated gallery.

Interstitial Detail Frames

Between production sections, brief frames isolate craft details: a hand-painted button, embroidery under magnification, a dye swatch. These moments reward visitors who scroll carefully and reinforce the designer's attention to material and technique.

Repeating Lookbook Call to Action

A "View Full Lookbook" button appears after every third production. Placement is strategic: by the third production, a visitor has seen enough to feel confident. The call to action leads to a deeper portfolio page rather than interrupting the first impression.

Persistent Navigation with Project call to action

A top navigation bar carries an understated "Discuss a Project" link at all times. It anchors to the contact section at the page's end without breaking the visual flow or pressuring the visitor mid-scroll.

Minimal End-of-Page Contact Section

The contact moment is deliberately sparse. It asks for a name, a production type (film, theater, editorial, or other), and a single open field labeled "Tell me about the world you're building." The restraint matches the tone of the whole page.

Page sections overview

Design & branding system

The Obsidian and Gold color system creates a backstage atmosphere where deep black recedes and gold appears only where it is earned. Typography and spacing follow the same logic: restraint everywhere, intention in every detail.

• Color palette: deep theatrical black (#0B0B0F) for backgrounds, charcoal (#1A1A24) for secondary surfaces, tarnished gold leaf (#C5A255) for borders and hover states, and muted ivory (#E8E0D0) for body text
• Typography: a thin serif for the designer's name and production titles, with ivory body text that floats against dark backgrounds like chalk marks on black fabric
• Visual rhythm: generous negative space around every production spread, no crowding, no competing elements, each section breathes like a gallery wall

Mobile & speed optimization

The template is structured with a mobile reading experience in mind. The storybook scroll format translates naturally to vertical mobile viewports, where each full-page section becomes a single screen-filling moment.

• Full-page production spreads reflow cleanly for portrait-orientation screens without losing the gallery-walk atmosphere
• The persistent navigation call to action and the end-of-page contact section remain accessible and functional on smaller displays
• Negative space and typographic hierarchy are preserved across screen sizes so the dark-theme aesthetic holds on every device

How this template helps you convert

This template is built around the principle that proof comes before the ask. Every structural decision is designed to build confidence in the designer's craft so that the contact moment feels like a natural next step rather than a cold pitch.

1. The video header and gallery-walk sequence establish visual authority immediately, so a visiting director or showrunner feels they are already in the right room before reading a single word of copy.
2. The repeating "View Full Lookbook" call to action appears only after three productions, giving the visitor enough evidence to act. The minimal contact form then asks a single creative question rather than a list of business fields, lowering the barrier to a first conversation.

Other information about this template

This template is part of the Lens and Frame theme family, a design system built around cinematic visual storytelling for creative professionals. The template style is classified as Storybook and Full-Page, meaning every section is designed as a complete, self-contained visual moment rather than a modular content block.

• The template falls under the Portfolio and Agency category, with a specific focus on the costume designer dark theme portfolio niche
• The creative direction is Gallery Walk, a format that treats each portfolio piece as a curated exhibition frame rather than a project card
• The color system is named Obsidian and Gold, and its application rules are strict: black dominates, gold appears only on borders and interactive states, ivory carries all readable text
• The header concept is Full-Screen Video Background, intended to be populated with footage the designer has captured of their own process and finished garments
• The landing page direction is Click-Through, meaning the primary conversion goal is moving qualified visitors to a deeper portfolio experience before opening a direct project conversation

Show more