the design system
a design system
that breathes
Lucent is the living documentation for Design Foundry — a calm, token-backed system built so your product stays clear while the system stays out of the way. it supports your work; it doesn't replace it.
everything here is one source of truth, expressed in every format your team works in — design tokens, Angular, React, Blazor and web components — so a colour, a radius, a shadow means the same thing everywhere.
calm by default
light type, soft shadows, and motion that never bounces. the interface stays quiet even when the work isn't.
transparent, not loud
acrylic and frosted glass let your content read first. the brand never shadows the user's.
one source, every format
tokens flow outward to code and design. change a value once; it lands everywhere.
how this is structured
Foundations
colour, type, light & glass — the raw material.
Formats & frameworks
how one system ships to many platforms.
Components
anatomy, variants, a live playground & API.
Principles
the rationale behind every decision.