Powered by Barb The Builder · Q1–Q2 2026 · Product No. 03

The Pendant Light Lounge

Origin, Philosophy & Market Context
Origin & Philosophy

It started with one lamp.

When The Executive Study Bible was being built, the reading environment needed a light source — something warm, something that belonged in a study, something that felt like it had always been there. A pendant lamp was designed in pure CSS. No image. No SVG. A chain rendered as a repeating gradient. A brass cap built from border mathematics. A shade shaped by border-radius alone. And when it was finished, it was so precisely itself — so unexpectedly beautiful for something made entirely from code — that stopping at one felt like a creative betrayal.

So the Lounge was built.

Twelve lamps followed. White. Forest Green. Deep Red. Royal Blue. Purple. Burnt Orange. Teal. Dusty Rose. Olive. Onyx Black. Cobalt Blue. Crimson. Each one individually considered — not just a color swap, but a complete identity: its own day-state gradient, its own lit-state glow, its own radial bloom when switched on. Twelve fixtures in the Lounge, plus the original green lamp in the Lobby — thirteen pendant lamps in total, across two rooms, built from nothing but HTML elements and CSS declarations. No canvas. No SVG. No images. No external assets of any kind. Tap one — only that one responds.

Somewhere during the building of the Lounge, something became obvious: this was not just a CSS experiment. This was a product catalog. Any business selling pendant lights, lampshades, or interior lighting — a furniture studio, a lighting atelier, a home décor brand — could walk through this space and see their inventory come alive. Not a photograph. Not a render. A living, interactive showroom where every piece responds to a touch, where the light behaves like light, where the craft of the fixture is communicated by the craft of the code.

The Pendant Light Lounge began as a consequence of building something else. It became something worth building in its own right. That is how the best things in this studio tend to happen — not from a brief, but from the refusal to stop when stopping would have been easier.
The Problem

Not a market problem. A creative one.

The pendant lamp built for The Executive Study Bible was precise enough to be considered an artifact in its own right. Stopping at one color would have left the work incomplete. But the problem it reveals for the broader market is real: lighting brands selling online are doing so through static photography, flat product pages, and catalog PDFs — none of which communicate the quality of light, the warmth of a glowing fixture, or the behavior of illumination the way an interactive showroom does.

3D renders exist, but they require specialized software, rendering pipelines, and significant investment. AR tools exist, but they require native app development or third-party platform dependencies. The Pendant Light Lounge sits between those extremes: a fully interactive, deployable, zero-dependency lighting showroom that runs in a browser tab and communicates the essential quality of a light fixture — the moment it turns on — through pure CSS physics.

What It Does

Twelve lamps. Twelve worlds. Each one its own.

A two-room interactive environment. The Lobby houses the original green pendant lamp. The Lounge holds twelve pendant lamps in twelve distinct colors, each toggling independently with its own radial glow — without affecting any other fixture.

The "ELI5" — For Non-IT Brothers & Sisters

Twelve lamps. Twelve colors. Each one turns on and off when you tap it. It's an interactive lamp showroom — pure decoration you can play with. Built because one lamp wasn't enough and the builder wanted to see what twelve looked like.

IT Fluent — TL;DR? Never. · Technophile Citizens

Each lamp: flex-column of chain (repeating-linear-gradient), brass cap (border-width trapezoid), shade (border-radius: 50% 50% 40% 40%). 24 CSS declarations across 12 lamp identities. Lit state radial-gradients simulate cased glass physics. Scoped .lamp-N.lit selectors prevent cross-fixture interference. Zero canvas. Zero SVG. Zero external assets. Day/lit state: linear-gradient vs radial-gradient simulating cased glass physics. Independent toggle: body.dark-mode for Lobby; .lamp-N.lit scoped selectors for Lounge — zero cross-fixture interference across twelve fixtures.

Market Analysis

A $128B lighting market moving online — without an interactive showcase solution.

Market Context · Verified Data
$128.76B
Global lighting market size, 2024
Expert Market Research, 2024
$12.6B
Global e-commerce lighting market, 2024
Market.us, 2024
$22.78B
E-commerce lighting market projected by 2034 at 6.1% CAGR
Market.us, 2024
$15.7B
Smart lighting market, 2024 — growing at 19.3% CAGR to 2034
Global Market Insights, 2024

The global lighting market reached $128.76 billion in 2024 and is projected to grow to $260 billion by 2034 (Expert Market Research, 2024). The shift to online channels is already underway: the e-commerce lighting segment stood at $12.6 billion in 2024 and is expected to nearly double to $22.78 billion by 2034 (Market.us, 2024). Indoor lighting represents approximately 70% of the total lighting market by application — the exact segment that pendant lights, decorative fixtures, and interior retail serve (Technavio, 2025).

The industry's online migration creates a specific problem: lighting is among the most difficult product categories to sell through static imagery. A photograph cannot communicate warmth, glow distribution, or the behavioral quality of a fixture — the living quality that drives purchase decisions in showrooms. In 2025, leading ecommerce design research consistently identifies interactive product showcases, immersive micro-animations, and 3D visual experiences as the primary differentiators for product pages in visual categories like furniture and lighting (TheeDigital, 2025; 10Web, 2025).

The Pendant Light Lounge offers lighting retailers, interior design studios, and home décor brands what no template builder or stock photography pipeline can: a zero-dependency, browser-native interactive showroom where every fixture glows, every toggle is isolated, and the light behaves like light. It is deployable as a single HTML file with no configuration, no installation, and no recurring platform cost. In a $12.6 billion and growing online lighting market that has not yet solved the showroom problem, this is a commercially positioned product — not a CSS experiment.

What Makes It Different

A pure CSS engineering showcase dressed as an interactive design exhibit.

A pure CSS engineering showcase dressed as an interactive design exhibit. Every lamp constructed from HTML elements and gradient declarations alone. Twelve color identities individually considered. Zero external assets. Built because the craft demanded it. The only interactive lighting showroom on the web built entirely from CSS — no canvas, no SVG, no images, no frameworks — deployable as a single file and licensable by any lighting brand that wants a showroom, not a photograph.

Privacy Architecture

Nothing collected. Nothing transmitted. Nothing stored.

No user data collected. No network requests of any kind. No cookies. No tracking. No analytics. Pure client-side rendering — nothing leaves the device.

Tech Stack

HTML, CSS, and twelve decisions. That is all.

HTML CSS Vanilla JS CSS Gradients CSS Custom Properties Keyframe Animations Netlify No Frameworks No Backend No Images No SVG Pure CSS Rendering
Current Status
☑ Live ☑ Enterprise Inquiry Open ☑ Licensing Available
Executive Note

No documentation site required — clicking any lamp is self-evident. The only instruction is the fixture itself.

Not from a brief. From the refusal to stop when stopping would have been easier. — Barb The Builder