Design Systems

LUMEN

Design system for consumer hardware launch pages: white gallery canvas, pill CTAs, and studio product photography.

HorizonX

Subscribe to download

Instant access Included with every membership
Tokens & components HTML, CSS & design tokens
Commercial license With a membership, for client work

Overview

LUMEN is an industry design system for consumer hardware launch pages: product reveals, highlight sections, spec comparisons, pre-order flows, and keynote-style decks. It pairs Inter Display headlines capped at weight 600 with a quiet Gallery White / Studio Mist / Ink / Slate token set, one Pricing Blue for conversion actions, Launch Orange for launch labels, fully round pill controls, 28px cards with no shadows, and a studio imagery language with Hero, Material, and Detail photo roles built around a fictional foldable phone. Included: foundations (color, type, spacing, imagery), components (buttons & tags, cards, dialog, forms, navigation, feedback, table), theme sheet, Aero Fold launch landing starter, 16:9 keynote deck, and sample web photography in assets/imagery/.

Highlights

Consumer hardware launch industry system
Gallery White / Studio Mist / Ink / Slate + Pricing Blue + Inter Display
Pill controls and 28px cards, flat surfaces with 1px rings instead of shadows
Web imagery roles: Hero · Material · Detail (fictional foldable phone)
Local product nav, floating price capsule, compare table, pre-order form
Aero Fold launch landing + 16:9 keynote deck

What's included

theme.json + styles.css tokens
Foundations docs (color, type, spacing, imagery)
Component specimens with states (HTML)
Aero Fold launch landing + keynote deck
Sample web photography in assets/imagery/
Commercial license with a membership

Frequently asked questions

A complete design system kit: foundations, tokens, HTML/CSS components and written guidelines, ready to adopt in your product.
It's included with a HorizonX membership. Download the kit and drop the tokens and components into your project.
Yes, with a HorizonX membership. Members get a commercial license: use and adapt these files in personal, client and commercial projects. If your plan ends, projects you already built keep their license, but the files can't be used to start new ones.