Filament is a single-page landing page template built for a bespoke craftsman lighting designer. It combines a high-contrast Ink and Paper visual identity with an asymmetric 60/40 grid, chiaroscuro room photography, and a conversation-starter lead form. The design earns trust before asking for contact details, letting atmosphere and craft do the work first.
by Rocket studio
Loading preview…
Quick summary
Filament is a lead generation landing page template designed for a craftsman lighting studio. It pairs bold broadside typography with moody, shadow-rich room photography arranged in an asymmetric grid. Every section builds toward a single, low-pressure call to action: a layered form that opens a conversation rather than closing a sale.
Who this template is for
This template is built for makers and studios whose work cannot be reduced to a product catalog. It speaks to professionals whose clients commission rather than browse.
Interior architects specifying statement pendants for boutique hotels and high-end residential projects
Homeowners renovating period properties who need something handmade and singular
Set designers and creative directors looking for one fixture that defines a room's character
What problem this template solves
Most portfolio templates treat lighting as photography. This template treats it as atmosphere. Craftsman studios lose qualified leads when their pages look like e-commerce stores or generic service sites.
It removes pricing and catalog logic, replacing them with story-first project narratives that attract the right clients
It gives interior architects and discerning homeowners a reason to reach out before they know exactly what they need
It frames the inquiry form as the beginning of a conversation, not a contact sheet, so leads arrive with context
What you get with this template
You get a complete, single-page layout built around atmosphere, craft, and qualified lead capture. Every section has a defined role in moving a visitor from first impression to form submission.
A broadside-style hero with an architectural headline, generous leading, and a brass ruling line
Three chiaroscuro project stories in a 60/40 asymmetric grid, each pairing a room photograph with a written narrative
A layered "Describe Your Space" disclosure form, a sticky brass-bordered call-to-action bar, a materials craft section, and a testimonials block
Theme
Ink & Paper
Creative direction
Atmosphere & Mood
Color system
Obsidian & Gold
Style
Asymmetric Grid (60/40)
Direction
Lead Generation
Page Sections
Broadside Typography Hero
Asymmetric 60/40 Project Grid
Layered Lead Generation Form
Sticky Call-to-action Bar
Materials and Craft Section
Client Testimonials Block
Related questions
Is this template suitable for a studio that handles both residential and hospitality clients?
Does the form include a file upload for architectural plans?
Does this template show product pricing?
Is the call-to-action form shown immediately, or does the page build to it?
Can this template be adapted for a studio with a different color identity?
Feature list
Broadside Typography Hero
The hero section sets a single enormous serif headline centered on a parchment background with no imagery. A thin brass rule sits beneath the type like a filament wire. The effect is a printed broadside poster: confident, architectural, and immediately distinct from any product-first layout.
Asymmetric 60/40 Project Grid
Three project stories are laid out in a 60/40 column split. The wider column holds a full chiaroscuro room photograph. The narrower column carries the client brief, material origin, and the specific problem the light solved. As the visitor scrolls, the rooms grow progressively darker and more dramatic.
Layered Lead Generation Form
The "Describe Your Space" form opens as a stepped disclosure. The first field is a single open textarea for the room and the feeling the client wants. Subsequent fields cover project type, ceiling height range, and an optional image upload for reference photos or architectural plans. No pricing is shown at any point.
Sticky Call-to-Action Bar
After the third project story, a slim brass-bordered bar fixes to the viewport on scroll. It keeps the "Describe Your Space" call to action visible without interrupting the atmospheric narrative of the page.
Testimonials Block
Three named client voices appear with specific project context and room descriptions. The testimonials are atmospheric rather than generic, reinforcing that every fixture begins with a listening process.
Materials and Craft Section
A dedicated section on a lampblack background tells the origin story of the glass and iron process. It places the maker's hand at the center of the narrative before the visitor ever sees a form.
Page sections overview
Section
Purpose
Hero Headline
Anchors brand voice with architectural broadside typography and brass rule
Project Story One
First 60/40 room narrative pairing chiaroscuro photo with client brief
Project Story Two
Second room story, darker and more dramatic than the first
Project Story Three
Third room story, highest contrast, leads directly into the call to action form
Describe Your Space
Layered lead form with project type, ceiling height, and image upload
Materials Craft
Lampblack-background section on the glass and iron origin story
Client Testimonials
Three named voices with specific atmospheric project context
Footer
Horizontal footer with dot separators
Design & branding system
The visual identity follows an Ink and Paper theme built on a four-color Obsidian and Gold palette. The overall feeling is a jeweler's workbench at midnight: dark trays, a single task lamp, and india ink sketches catching warm light.
Core colors are lampblack (#0B0B0D), warm parchment (#F0E6D3), tarnished brass (#B8960C), and soft graphite (#3A3A3C) for body text
Brass is reserved exclusively for hover states, thin ruling lines, and the call-to-action element, so every gold detail reads as a moment of light entering the layout
Headline typography uses a high-contrast serif face; body and interface text uses a clean humanist sans-serif, creating a deliberate contrast between craft and clarity
Mobile & speed optimization
The template is built desktop-first to match how interior architects and hospitality specifiers work. Large screens allow the full 60/40 grid and chiaroscuro photography to perform as intended. Mobile layout is gracefully adapted rather than an afterthought.
Images are lazy-loaded to defer offscreen assets until needed
Animations use GPU-accelerated transforms only, keeping scroll and parallax effects smooth without taxing the browser
The sticky call-to-action bar and form disclosure are designed to function clearly at all viewport widths
How this template helps you convert
The page earns the inquiry before it asks for one. Every design and copy decision is ordered to build trust through atmosphere, then deliver a low-friction path to contact.
The broadside hero and three escalating room stories establish creative authority before any form appears, so the visitor arrives at the call to action already convinced
The layered form structure lowers the barrier to entry: the first field asks only for a feeling and a room, not a budget or a deadline, which increases the quality and volume of responses
Other information about this template
This template is a strong fit for studios that operate in a hybrid business-to-consumer and business-to-business model, such as luxury craftsman workshops serving both private residential clients and commercial hospitality projects. The lead form's optional image upload field supports the kind of detailed briefs that interior architects and renovation clients naturally provide.
The page uses Fraunces for serif display headlines and DM Sans for body and interface text
Parallax room reveals and spotlight hover effects are included to deepen the atmospheric scrolling experience
The footer uses a horizontal layout with dot separators, keeping the close of the page as considered as the opening
