Filament - Atmospheric Lighting Landing Page Template

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

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

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.

1. 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
2. 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

Show more