Light UI
A rough example of a potential UI design language that takes the best of modern design languages while making greater use of light and shadow.
-
Use light and shadow to direct and respond to user attention.
-
Reference the behavior of real-world materials when it makes the experience more intuitive.
-
Lean into the authentically digital when it makes the experience less cumbersome than its physical counterpart.
Basic CSS implementation
Web components
LiUI button
Borderless LiUI button
LiUI button
Borderless LiUI button
LiUI button
Borderless LiUI button
LiUI button
Borderless LiUI button