About Lumen
The open-source design language behind Halo — light from within.
Lumen is the design language behind Halo. The whole system comes from the human eye: the iris (the halo everyone has), a warm Solar sun on the soul's pinkish-white ground, cool data flecks, and a living, breathing material. Halo is its reference app; Lumen is the gift to the ecosystem.
Modeled on shadcn (own-your-code, copy-paste registry) and Material 3 (depth of guidance), with Halo's own expressive layer on top. Open-source under Halosome.
The one line
The design language with a soul. Solar primary, a pinkish-white ground, cool data flecks — Day and Night, circadian, living and generative.
The nine modules
Foundations
Accessibility, design tokens, layout & adaptive — the floor we measure.
Styles
Color, typography, space & shape, iconography — the visual atoms.
Components
The kit — Radix + Tailwind, distributed the shadcn way.
Blocks
Composed, domain-specific sections of the product.
Layouts
App shells & adaptive scaffolds.
Content
Material (Living Lens), animation, imagery, voice.
Charts
Data-viz on the cool data ramp.
Brand
The eye, the halo — the one Halo-proprietary module.
Names
- Lumen — the design language (open source, hosted under Halosome).
- Halo — the product, Lumen's reference application.
- Halosome — the company.