Filament is a horizontal scroll landing page built for a solo modernist lighting atelier. It showcases hand-bent brass and mouth-blown glass sculptural light objects through cinematic, darkened gallery panels. A fixed waitlist form captures collector and interior architect signups for a limited first edition of twelve numbered pieces.
by Rocket studio
Loading preview…
Quick summary
Filament is a single-page horizontal scroll landing page designed for a solo artisan lighting atelier. It moves visitors through a darkened gallery of sculptural light objects, building atmosphere and desire before arriving at a minimal waitlist form. The design is desktop-first, edition-aware, and built entirely around the idea that shadow is as intentional as form.
Who this template is for
This template is made for creative practitioners who sell through scarcity, story, and visual atmosphere rather than a product catalog. It fits those whose work commands attention before it invites a transaction.
Interior architects and residential designers specifying statement lighting fixtures for boutique hotels or high-end residential projects
Art collectors and design enthusiasts who treat limited-edition lighting as collectible objects
Solo atelier makers and modernist lighting designers launching a numbered first collection
What problem this template solves
Most landing page templates are built around grids, pricing tables, and call-to-action buttons. They feel like storefronts. For a luxury atelier selling twelve numbered pieces to discerning collectors and trade professionals, a storefront feel destroys the work before it is even seen.
There is no standard template that communicates scarcity, craft, and atmosphere at the same time
Horizontal scroll galleries are rare in ready-to-use templates, yet they match how collectors experience art in a physical space
Trade professionals and collectors need a private inquiry path separate from a general public signup, and most templates do not include that distinction
What you get with this template
You get a complete, atmospheric horizontal scroll landing page that functions as both a cinematic gallery and a waitlist capture tool. Every section serves the dual purpose of building desire and collecting signups from the right audience.
A full-bleed cinematic hero with a three-second delayed amber text fade-in, placing the designer's name and "Atelier" over a pitch-black pendant shot
Theme
Atelier Studio
Creative direction
Atmosphere & Mood
Color system
Obsidian & Gold
Style
Horizontal Scroll
Direction
Waitlist/Coming Soon
Page Sections
Horizontal Scroll Gallery Layout
Delayed Hero Text Animation
Fixed Floating Waitlist Form
Private Preview Modal for Trade
Scarcity Messaging Panel
Panel Parallax and Mood Shifting
Related questions
Who is this landing page template designed for?
Can I use this template for a trade-professional audience?
Does this template include a countdown timer or launch date?
Is the horizontal scroll difficult to customize?
What fonts and colors does this template use?
Four horizontal scroll gallery panels moving through a floor lamp on raw concrete, a wall sconce throwing geometric shadows, a chandelier over bare oak, and a process still-life from the workshop
A fixed bottom-right waitlist form with a gold-outlined pulsing submit button and a secondary "Request a Private Preview" text link for trade professionals
Feature list
This section covers the core built-in capabilities of the Filament template as defined in the project brief.
Horizontal Scroll Gallery Layout
The template uses JavaScript-powered horizontal scrolling with CSS scroll-snap to move visitors through panel-by-panel fixture reveals. Each panel transitions from black to black, with each fixture acting as its own light source inside the frame.
Delayed Hero Text Animation
The hero section holds a full-bleed atelier photo for three seconds before the designer's name and "Atelier" fade in using pale amber lettering. The effect is timed and letterspaced wide, as if the text were slowly illuminated rather than simply appearing.
Fixed Floating Waitlist Form
A minimal email input field and gold-outlined submit button sit fixed in the bottom-right corner throughout the entire scroll. The button carries a faint pulse animation that mimics a warming filament. The form never interrupts the gallery experience.
Private Preview Modal for Trade
A secondary text link beneath the main waitlist call to action reads "Request a Private Preview." Clicking it opens a minimal modal form asking for name, studio, and project type, giving trade professionals a dedicated inquiry path.
Scarcity Messaging System
The collection statement panel anchors the page with the line "Twelve pieces. One collection. Notification only." No launch date is named. Scarcity is communicated through language and numbered-edition framing rather than countdowns or inventory numbers.
Panel Parallax and Mood Shifting
Each horizontal scroll panel uses parallax layering and atmospheric lighting shifts, moving from cooler to warmer to more dramatic as the visitor scrolls. The mood itself becomes part of the product experience.
Page sections overview
Section
Purpose
Full-Bleed Hero
Opens with a cinematic pendant photo and a timed amber text fade-in
Floor Lamp Panel
Shows a floor lamp pooling gold light onto raw concrete
Wall Sconce Panel
Reveals geometric shadow patterns cast by a brass wall sconce
Chandelier Panel
Presents a chandelier floating above a bare oak dining table
Process Still-Life
Displays hands shaping brass and molten glass in a workshop overhead shot
Collection Statement
Delivers "Twelve pieces. One collection." scarcity and waitlist context
Fixed Waitlist Form
Captures email signups with a pulsing gold submit button throughout scroll
Private Preview Modal
Offers trade professionals a dedicated name, studio, and project inquiry form
Minimal Footer
Closes the page with a horizontal minimal footer pattern
Design & branding system
The visual identity follows an Atelier Studio theme built on an Obsidian and Gold color system. The palette is conceived like a jeweler's velvet tray under a single directional lamp: almost entirely dark, with gold arriving only where light would naturally catch a polished edge.
Colors: true obsidian black (#0B0B0F) and warm workshop shadow (#1A1714) hold all backgrounds; brushed gold (#C9A84C) appears exclusively on interactive elements and fixtures; pale amber (#F5E6C8) is reserved for hover states, typography, and luminous accents
Typography: Fraunces is used for display and serif headings, giving the page a literary weight; DM Sans handles body copy and form labels with clean legibility
Creative direction: Atmosphere and Mood, meaning each panel is designed to shift emotional tone as the visitor moves through the scroll, using light and shadow as design materials
Mobile & speed optimization
The template is built desktop-first, reflecting the reality that interior architects and collectors most often browse on large screens. The horizontal scroll experience is optimized for that context, though the structural code supports responsive adaptation.
CSS scroll-snap keeps the horizontal panel transitions crisp without relying on heavy scroll libraries
IntersectionObserver drives the panel parallax and mood-shift animations, triggering effects only when elements enter the viewport
GPU-accelerated transforms are used for panel transitions and the hero fade-in, keeping animation rendering off the main thread
How this template helps you convert
The Filament template is designed to convert a very specific visitor into a waitlist signup or trade inquiry. Every layout and copy decision is made in service of that narrow, high-value audience.
The fixed floating waitlist form stays visible throughout the entire horizontal scroll without ever interrupting the gallery, so a visitor can sign up the moment they feel ready rather than having to scroll back to find a form
The "Request a Private Preview" modal gives trade professionals a clear, separate path that signals Filament understands their context, which increases the likelihood they complete the inquiry rather than leaving
The scarcity language "Twelve pieces. One collection. Notification only." creates urgency through rarity without false countdowns, which feels credible to collectors and architects who respond to genuine exclusivity
Other information about this template
This template is category-matched to Architecture and Design with a subcategory focus on Modernist Architecture. It is built specifically for the modernist lighting designer niche, where the intersection of craft, scarcity, and visual atmosphere determines whether a visitor becomes a client or a collector.
Template style: Horizontal Scroll, a layout direction that is rare in general-purpose marketplaces and directly suited to gallery-style product presentations
Theme classification: Atelier Studio, which informs the darkened workshop aesthetic and the decision to keep all backgrounds in deep black tones
The landing page direction is Waitlist and Coming Soon, meaning the primary goal is not a direct purchase but a captured contact who will be notified when the collection opens
The header concept is Full-Bleed Photo, using a shallow depth-of-field pendant shot to establish cinematic quality from the first frame
No currency or pricing is displayed anywhere; this is an inquiry-based model suited to numbered, collectible objects
The Intersection Match Score for this template against its niche context is 13, indicating a strong alignment between the layout style, creative direction, and target audience
