Art Deco Architecture Professional Website Template

Quick summary

Filament is a full-page, storybook-style landing page for an artisan art deco lighting designer. It opens with a theatrical geometric header animation, walks visitors through the maker's workshop and creative influences, then reveals finished fixtures with specs and pricing. Every scroll step builds trust before asking for the sale, ending in a direct commission flow.

Who this template is for

This template is built for independent artisan lighting designers and small luxury studios who sell directly to trade and private clients. It suits makers whose work commands serious attention and a considered purchase decision.

• Interior designers sourcing statement fixtures for boutique hotels and high-end restaurant projects
• Private collectors and property owners furnishing double-height foyers or grand residential spaces
• Restaurateurs and hospitality professionals looking for signature lighting that defines a room

What problem this template solves

Luxury handcraft does not sell itself through a generic product grid. Buyers at this level need to understand the maker, the process, and the provenance before they commit. Most e-commerce templates skip straight to the cart, which destroys the trust that makes a high-ticket commission feel safe.

• Visitors leave without understanding what makes the work unique or why the price is justified
• There is no clear path from curiosity about the craft to a concrete commission inquiry
• The maker's story, influences, and process are buried or absent, weakening buyer confidence

What you get with this template

You get a complete, single-page experience that functions as both a brand showcase and a direct sales platform. Every section is sequenced to deepen engagement before presenting a purchase decision.

• A full-viewport animated hero with a letter-etch headline and geometric filament-glow composition
• Three in-situ fixture reveals with dimensions, materials, lead time, and amber-highlighted pricing
• A sticky commission bar with a finish-selector drawer and a separate bespoke design request form

Feature list

This template delivers six core capabilities, each designed to move a high-intent visitor from first impression to commission inquiry.

Animated Geometric Hero Section

The header fills the entire viewport with intersecting brass arcs, chevron rays, and stepped ziggurat forms on a pure obsidian background. A slow ambient glow pulses like a filament warming up. After a two-second hold, the designer's name etches itself across the center letter by letter using a GSAP-driven animation.

Scroll-Linked Workshop Narrative

As visitors scroll, the page pulls them into the maker's world. Process photography shows hands shaping a brass armature in a workshop lit only by the piece being built. This section establishes craft credibility before any product is shown.

Art Deco Influences Spread

A dedicated section presents the designer's reference points as full-page spreads. Each influence is paired with a finished fixture photographed in situ, alongside the designer's handwritten geometry notes. It makes the creative lineage visible and tangible.

In-Situ Fixture Reveals with Specs

Three fixture sections each show one finished piece inside a real room casting real shadows. Each reveal includes dimensions, materials, lead time, and a price displayed in filament amber. Scroll-triggered parallax keeps each reveal feeling cinematic.

Sticky Commission Bar and Finish Selector

After the first product reveal, a sticky bar anchors to the viewport and remains visible through the rest of the scroll. Clicking it opens a drawer with a finish selector covering raw brass, blackened bronze, and polished nickel, plus size variant and quantity controls.

Bespoke Design Request Form

A dedicated section below the collection captures custom commission inquiries. Visitors can submit their name, project photos, and room dimensions. This path handles clients whose needs fall outside the standard collection.

Page sections overview

Design & branding system

The visual identity runs on a Bold Brutalist art deco framework. Deep obsidian black dominates every full-bleed background, making brass and amber elements feel carved from the darkness rather than placed on top of it.

• Color system: obsidian black (#0B0B0F) as the dominant field, tarnished brass (#C9A84C) for headlines and engraved-plaque-style typeset, warm filament amber (#E8A825) for price callouts and hover states, and polished stone gray (#3A3A3C) for body text
• Typography pairing: Fraunces tall condensed serif for display headlines, paired with DM Sans for clean body text in chiseled block layouts
• Animation layer: GSAP ScrollTrigger drives letter-etch reveals, filament glow pulses, scroll-linked parallax, and scroll-triggered fixture section transitions

Mobile & speed optimization

The template is designed desktop-first to match the working context of interior designers, but it scales responsively to mobile viewports without losing the theatrical quality of the experience.

• All animations use GPU-accelerated transforms to maintain smooth scroll performance across devices
• Images are lazy-loaded so the heavy in-situ photography only loads as each section enters the viewport
• The sticky commission bar and finish-selector drawer are touch-friendly and reflow cleanly on smaller screens

How this template helps you convert

The page earns the sale by sequencing trust before the ask. Visitors do not encounter a price or a call to action until they have already met the maker and understood the craft.

1. The workshop and influences sections build provenance and creative authority early in the scroll, so price feels justified by the time amber callouts appear in the collection
2. The sticky commission bar keeps the primary action visible without interrupting the narrative, letting visitors decide when they are ready rather than forcing an early exit
3. The bespoke form provides a lower-pressure secondary path for visitors who are interested but need a custom solution, capturing leads that would otherwise leave without any contact

Other information about this template

This template is built as a single storybook landing page, not a multi-page site. All content lives on one scrollable canvas, which suits the exhibition-walk narrative structure of the design.

• Template style: Storybook and full-page, with a Bold Brutalist theme and obsidian-and-gold color system throughout
• The footer uses a horizontal flow pattern that closes the page with structured navigation links and brand detail
• Pricing is displayed in United States Dollar amounts, measurements use imperial units, and all copy is in English
• The template is built for the art deco architecture and luxury artisan lighting niche, making it directly relevant to designers working in high-end hospitality and residential interiors

Show more