← Back to Projects
Generative Glass System
Component-driven glass UI architecture with repeatable lighting + blur stacks. Built as an isolated R&D demo under /projects.
Generative system
Glass components · Lighting layers · Blur stacks
A reusable glass UI pattern with dynamic light sources driven by CSS variables. Designed for controlled “R&D showcase” visuals without polluting core pages.
Live lighting · CSS vars
Card Shell
Border + blur + shadow recipe. Tuned for readability on dark backdrops.
BorderBlurContrast
Layer Stack
Background lights, grid, scanlines and grain composed in a stable order.
LayersOrderOverlay
System Tokens
A small token set controls intensity and spacing—easy to reuse across pages.
TokensScaleReuse
Tip: keep experiments isolated to /projects to protect performance and conversion paths.