Lumen is a dark-themed bento grid landing page built for lighting designers. It pairs a collage-style header with immersive scroll animations, looping video cells, and a gated PDF download to convert visiting architects, creative directors, and homeowners into qualified consultation leads before they reach the form.
by Rocket studio
Loading preview…
Quick summary
Lumen is a single-page lighting designer portfolio built on a bento grid layout. The Electric Indigo color system sets a near-black stage, while a collage header and viewport-triggered animations guide visitors through your work. The page closes with a gated "Download the Lighting Brief Template" form designed to capture qualified leads at exactly the right moment.
Who this template is for
This template is built for lighting designers who want their portfolio to feel like the work itself. It speaks directly to practitioners whose projects live in hotels, restaurants, galleries, and private residences after sundown.
Lighting designers building a client-facing portfolio that matches the mood of their work
Independent practitioners targeting interior architects, creative directors, and high-budget homeowners
Professionals who need a clear lead-capture mechanism alongside a visually strong project showcase
What problem this template solves
Most portfolio templates treat lighting projects like any other design category. They use bright white backgrounds, rigid grids, and thumbnail galleries that strip out all emotional context. Lumen fixes that mismatch between medium and message.
Visitors leave generic portfolios without feeling the quality of the work
There is no structured way to convert a browsing architect into a consultation-ready lead
A standard portfolio gives no tool to help clients articulate what they actually want before the first call
What you get with this template
You get a fully structured single-page layout that builds trust through atmosphere before asking for anything. Every component is purposeful and prompt-backed.
A collage/scrapbook header with overlapping photographs, material swatches, beam-angle diagrams, and Polaroids with subtle parallax drift and a single pulsing photograph
A bento grid scroll experience where cells hold full photographs that brighten on viewport entry, short looping transition videos, and single-stat callouts floating in darkness
Theme
Dark Immersive
Creative direction
Immersive Visual
Color system
Electric Indigo
Style
Bento Grid
Direction
Content/Resource
Page Sections
Collage Scrapbook Header
Pulsing Hero Photograph
Bento Grid Light Studies
Expandable Five-step Methodology
Gated PDF Lead Capture Form
Single-stat Callout Cards
Related questions
Who is this landing page template designed for?
What is the primary call to action on this page?
Can I use this template without video content?
How does the expandable methodology section work?
Does this template work for a small or solo lighting practice?
A gated lead-capture form with an email field and a role dropdown ("I'm an architect / designer / homeowner / other") tied to the free PDF download
A soft secondary call to action linking to a mid-page bento cell that expands into a five-step methodology breakdown
Feature list
This section covers the core functional and visual capabilities built into the Lumen template.
Collage Scrapbook Header
The header fills the viewport with overlapping photographs, material swatches, hand-sketched beam-angle diagrams with lux calculations, and Polaroid-style installation images. Elements are layered as if pinned to a studio wall. Subtle parallax drift keeps the composition alive as the visitor lands.
Pulsing Hero Photograph
One photograph in the header pulses faintly brighter on a slow cycle, simulating a dimmer being gently raised. This single animated detail communicates craft and control before a word is read.
Bento Grid Project Cells
The main scroll area uses a bento grid where each cell is a self-contained light study. Cells vary between full photographs that brighten on viewport entry, short looping videos showing a space shift from flat daylight to the designer's scheme, and minimal stat cards floating in darkness.
Expandable Methodology Section
A mid-page bento cell expands on click to reveal a five-step process breakdown. The "Explore the Process" secondary call to action anchors directly to this cell, giving technically minded visitors a deeper look at workflow without leaving the page.
Gated PDF Lead Capture
The primary conversion point is a "Download the Lighting Brief Template" form. Visitors enter an email address and select their role from a dropdown before receiving the free PDF. This qualifies every lead before the first consultation.
Stat Callout Cards
Single-line statistics such as "1,247 fixtures specified in 2024" float in near-black cells across the grid. These data points add credibility through specificity without requiring paragraph-length explanations.
Page sections overview
Section
Purpose
Collage Header Viewport
Establishes mood and introduces the designer's visual language through layered imagery and parallax
Pulsing Hero Image
Draws immediate attention with a single animated photograph that simulates a dimmer raise
Bento Grid Scroll
Delivers the portfolio as a series of immersive light studies varying in media type and emotional register
Stat Callout Cells
Adds technical credibility through precise, floating single-stat cards inside the grid
Methodology Expand Cell
Reveals a five-step process breakdown for visitors who want to understand the designer's approach
PDF Download Form
Converts engaged visitors into leads using a gated free resource with email and role fields
Design & branding system
The Electric Indigo color system is the structural foundation of Lumen's visual identity. Every color decision reinforces the feeling of a precisely controlled, dramatically lit space.
Near-black backdrop (#0B0A1A) and deep violet card backgrounds (#2D1B69) create depth and recession across the entire layout
Electric indigo (#6366F1) activates on hover states and active borders, providing clear interaction feedback without breaking the dark atmosphere
Pale phosphor white (#E8E5F0) is used for all typography, giving text a glowing quality that sits above the dark plane rather than printing flat on it
Mobile & speed optimization
The template is structured for mobile visitors. The bento grid adapts across screen sizes, and media-heavy cells are ordered to keep the experience coherent on smaller viewports.
Bento grid cells reflow to maintain the immersive single-column scroll on mobile without losing the dark atmospheric quality
Looping video cells and parallax elements are contained so the layout remains navigable even when motion features are reduced on device
The gated form collapses cleanly to a single-column input stack on smaller screens, keeping the conversion path clear and uncluttered
How this template helps you convert
Lumen is built around a content-first conversion model. The page earns trust through atmosphere and evidence before asking for anything in return.
The immersive scroll through varied bento cells builds cumulative proof of expertise across multiple project types and emotional registers, so visitors arrive at the form already convinced of the designer's quality.
The free "Download the Lighting Brief Template" PDF turns the form into a value exchange rather than a contact request, which lowers resistance and qualifies leads by role before the first consultation.
Other information about this template
This template sits within the Portfolio and Agency category and is specifically matched to the Lighting Designer niche inside the broader 3D and Product Design Portfolio subcategory.
The Immersive Visual creative direction and Dark Immersive theme are intentional choices that align the portfolio's presentation with the sensory nature of lighting design work
The Content/Resource landing page direction means the primary goal is lead capture through a useful, downloadable asset rather than a direct booking or inquiry form
The Collage/Scrapbook header concept and Bento Grid template style together create a layout that feels editorial and tactile rather than templated or generic
This template is suitable for independent lighting designers, small studios, and specialist consultants who work on high-end residential and hospitality projects
