Hikari — Premium Lighting Designer Landing Page Template

Quick summary

Hikari is a horizontal scroll landing page for a hand-craft luminaire studio. It moves visitors through a monograph-style journey, from raw materials and workshop process to finished pieces and direct purchase. The page earns the sale by showing the person behind the light first, so each "Bring This Light Home" call to action lands with real weight.

Who this template is for

This template is built for studios where craft tells the story and scarcity does the selling. It works best when the work is too considered for a standard product grid.

• Interior architects specifying bespoke lighting for ryokan suites, penthouse dining rooms, and gallery installations
• Art collectors who choose a pendant lamp with the same attention they give a painting
• Artisan lighting studios that aim to position their editions as collectible works, not catalogue items

What problem this template solves

Most e-commerce templates push products before trust is established. For hand-assembled, signed, and numbered luminaires, that order is wrong. Visitors need to understand the hands, the process, and the materials before a price means anything.

• No context for why each piece costs what it costs, or what makes it different from a mass-produced item
• Commission inquiries buried in generic contact forms that create friction and lose serious clients
• Product pages that save none of the atmosphere the studio actually creates

What you get with this template

You get a desktop-first horizontal scroll layout that unfolds like a monograph. Every panel is a chapter, and each chapter earns the next. The commission form keeps fields to fewer than five to reduce friction, and the inline product drawer surfaces edition number, dimensions, and lead time without leaving the page.

• Six horizontal scroll panels covering the hero illustration, hands-on process, workshop shelf, in-situ placement, designer voice, and product cards
• Inline edition drawers with a single "Add to Collection" button and a quieter "Commission a Piece" secondary path
• A short commission form asking for room dimensions, ceiling height, and a mood image upload

Feature list

This template uses the following built-in features drawn directly from the brief.

Breathing SVG Filament Hero

The header opens with a fine white line illustration of a single luminaire against total black. The filament renders as an iridescent gradient that pulses with a slow, breathing animation. No photograph and no text appear for the first three seconds, giving the drawing and its light full attention before the designer's name reveals letter by letter.

Horizontal Scroll Panel System

Six panels flow left to right like pages in a printed monograph. Each panel is scroll-linked with GPU-accelerated transitions. The sequence moves from close-up craft photography to finished pieces revealed only by the light they cast, building emotional context before the purchase moment arrives.

Inline Product Edition Drawer

Each product card in the final panels carries a "Bring This Light Home" call to action. Activating it opens an inline drawer showing edition number, dimensions, lead time, and a single "Add to Collection" button. Price sits in small type beside the edition count, letting scarcity carry the weight.

Commission a Piece Form

A secondary titanium-text link beneath each product card leads to a short commission form. Fields cover room dimensions, ceiling height, and a mood image upload. Keeping the form concise reduces friction for the architects and collectors most likely to use it.

Iridescent Hover Color System

Interactive edges, scroll indicators, and the faint halo surrounding each product image use an AI Iridescent palette. Colors shift to a soft holographic gradient on hover states. The void-black background keeps the palette almost monochrome until light catches it.

Page sections overview

Design & branding system

The palette stays in the void and surfaces iridescence only at interactive edges. Type lives in warm titanium and display headings use Fraunces serif for a signature quality. Body and interface copy use DM Sans for clarity and calm.

• Void black (#0B0B0F) ground, warm titanium (#C4BFB6) type, spectral lilac (#B8A9C9) and molten pearl (#E8DFF0) for iridescent accents
• Fraunces serif for display headings, DM Sans for body and user interface text
• Iridescent halos around product images, as though the fixtures generate the page's own color

Mobile & speed optimization

The template is desktop-first by design, built for interior architects working on large screens. A graceful vertical fallback ensures the experience holds on smaller devices without losing the atmosphere.

• Horizontal scroll converts to a vertical panel stack on mobile, preserving the chapter-by-chapter story
• Animations use GPU-accelerated transforms only, and color shifts rely on CSS custom properties to keep transitions smooth

How this template helps you convert

The page is structured so visitors feel like patrons choosing to join a collector community, not shoppers browsing a catalogue.

1. The creator-first panel sequence builds trust and context before any price appears, so when visitors save their selection and move to checkout, the value is already understood.
2. The inline edition drawer keeps the purchase path frictionless, and the commission form gives architects a direct way to start a project without leaving the page.
3. Edition scarcity displayed beside each product protects the perceived value of the work and encourages timely decisions without aggressive sales language.

Other information about this template

This template is a strong fit for studios whose aesthetic aligns with Japandi sensibilities. Japandi combines Japanese and Scandinavian styles, focusing on clean lines, natural materials, and serene interiors. The void-black layout and generous whitespace reflect those same principles of Japanese minimalism.

• The template supports content areas for traditional materials such as washi paper, bamboo, wood, and rice paper, all of which are central to artisan Japanese lighting heritage
• Organic motifs like Ginkgo leaf details or walnut wood bases can be showcased in the workshop and in-situ panels to emphasize a connection to the natural world
• A visual overview of past installations across Japandi, Scandinavian, or Mid-Century Modern interiors fits naturally into the in-situ scroll panel
• The hikari luminaire artisan japanese lighting designer landing page template is designed for studios in Japan and internationally that blend traditional craft with considered, modern presentation
• "Hikari" is the Japanese word for light, and the template's entire atmosphere aims to express that concept visually before a single product is shown
• Client feedback from architects or collectors can be placed in the designer voice panel or added as a dedicated testimonial section to build credibility
• Downloadable lighting plans or technical drawings can be linked within the product edition drawer for clients who need specification detail

Show more